@charset "utf-8";



/*初始化*/



* {

    padding: 0;

    margin: 0;

    outline: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



html {

    font-size: calc(100vw/19.2);

}



html,

body {

    position: relative;

    top: 0;

    width: 100%;

    height: auto;

    min-height: 100%;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



body {

    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;

    font-size: 16px;

    line-height: 1.5;

    color: #333;

    background: #fff;

}



input,

button {

    -webkit-appearance: none;

    border-radius: 0;

}



a,

a:hover,

a:focus {

    text-decoration: none;

}



textarea {

    resize: none;

    overflow: auto;

}



input,

button {

    border: 0;

}



img {

    border: 0;

    vertical-align: top;

}



li {

    list-style: none;

}



ul,

ol,

p,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

}





/* placeholder修改 */



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #999 !important;

    font-size:inherit;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #999 !important;

    opacity: 1;

    font-size:inherit;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #999 !important;

    opacity: 1;

    font-size:inherit;

}



input::-ms-input-placeholder,

textarea::-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #999 !important;

    font-size:inherit;

}



input,

textarea,

select {

    background: transparent;

}



input {

    color: #999;

}



select {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: 0;

    color: #999 !important;

}



select::-ms-expand {

    display: none;

}





/*字体图标*/



@font-face {

    font-family: "iconfont";

    src: url('iconfont.eot?t=1564728060010');

    /* IE9 */

    src: url('iconfont.eot?t=1564728060010#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA4QAAsAAAAAF/AAAA3CAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFIgqfMJhIATYCJANECyQABCAFhG0HgW4bmhNRlJBWPdnPArt55YEQHqMvvFAKNOPMZVqNjHDo+6Ij2vR/9u6wQyziECIK0ZeXpkZcK4oGIpDCEX2SqljS/lDxVMRI+1PVBw/Esff96FVS2268YXoUzaotmgaWoMOBdWulwOZr820mqe1M6wNUTSDUJLLq6QHe3mDXhwGS/z1CoPVIxQRZOe6779sGBKjg/H9rrbokog6mofCoaWZP/+7scR/3RdQSVEokJDOJJKI1Qk0QCSUDAWMzD1cBZmEs87/3BggAyU8k1JSRVwZMBCkiGo0aK1XATMUjNK4I00AvWTOM0AyIYAYnYp0AMN3/evQHsQEmAIYWArlkUX+6FpSf0HUXb3W2QrdrAur1pQLAYD0AHEAkAAKg29L0TsBDiPQlsqwlYQXgQ2CenvOJHExHkEPu6OMocwxwNDlGOaY4nnZ5dN11OnGAxjwyxv79k2WIDz9lLo0u+ycegAANDxeJjQOHISAsTHwMdICigMQxLS+VC4ADbFXMEQg0OBMEHjwIBC48EgQSLgeBDe8DAgdeBgIO7w8CBh8AAgFvAgHBR4HAgk9BhG3zpwQDPujyQGCY/C4crqa5sKUMQB6gZRTJlViOSaVDSqI9L4ANZX7anNacV8hiCUmSV+h9C0HwhN4ePu6ebl6eHA8rIafw9UjKcHf18pWwjHegJNagCQPJwMmLoA66iYt/4PtiEEiiXLyPdaEFRpGsc2Eoaq7q6RXFwUFBKgwTzVrpDydIiZfR8dIkoahXhfoTvKo70bZU5mWwMulo2TTTSJJadhFjEATrejXejoAtb+aj6quhwKjoHoSqibFugFDUs35jOFRdhDIppDkgp8a2KxGuRhByjHI+94FGFUM3VTaUMdXUDYUOxwBBezkxkm8GS5Op6/7ytKueMK72pj4ulSnr15WJyYJ2AOs1zrBBmgitIqRNZi2DYT7vNbCENEpUClAM+X6MTcE0IWQ8Q3J9cHrGOg/b0/S8YE4FkWIYnEJcxly4oq7S5WFGExGduYU6n3CH51qHyHlvQmORlGAFIlLKKQYnGZ1MQTZ5xn+89nGfuD8OgkdBUE+9QxRU+fqxX5z+FlG0L8F3+mKGXSzGsoo/lZNs5Zp2gA0xzbzZojlsjaa8jaRaIMVh+4nNAzdfw6gMOj3MjvKsQim3vhaMkFNLDW5cJSgnZrqx1fn1+aXxjB+vbT48qfrhYneE6W1HN3neHczO8JQSi9ACy/EHN3trtITRA31Ab7kX6Gm7YYAgGVdgHEMHgP1pAEAGiOtk0CQ3q01On7dtaAWSdKrj3ZYhGe9p8HhSyj4jV1g4pt1onZLx1Mlpt+VmY1yqch7YmaSFbO7FeHQlHIuoQyhfujHY3uaZwVAoe0Py4fBwuXtlLLm31JkJmw5bv4rppMdY33F1jiDkO64AO9fVkeOH4e4bYtlwBMx7guAtEMzX09qHkuMyIcs4A4E1iBt0etL1RZxRfCJSynko9aq33P1xlydVCOH2m2WuePn0Gazl8CwnmMNcnubkoowgEAepneF616hA5jC5+8Gq28FIWhhTeeT1NCcYfPacL/pI28yImGD8mxCq8sVIjnQpMFCRr2puqIl+dS4Igl23TA1DF+QAz9hYUY8WHOXZyVJdObA6XpL9jDFBshugZi7Hs3q1ejQizW5riJrLuaV7Y6v+q1tk4DV/EGgPzFueF0TRnLPRmSslPumHahQFir+/8MhxLAuMYhsVLohW5Ds7boQiZYeJjD0F7KaH4gNTBlgFuUw4Pew2pRbbz3xKT+j331JRojRWoxQwcCTZxEvbXxfvqjoWUMG4bmu9WLt8fdD5mQMbvISB9RGtUceFG1eufIT4MHElXL36Tjg9lPN3p3hPcbHCnQ6GAbLhEGKcXrbs9nUOd78Pb4LA1YJFxiB7YJO//0CveE8JA5SJ9YrvRRB/iCE6mFe+QQAfTCsyYEMpBqhLhajnHI6Ko35e/SV2qyN+EqRnfL5yqiz1zeLn2oi+//82Dn7eYZ6MhRsNNFz/4b9/STghnJieoP+nt8TffePvlvSvY9lYhx57V1H3mFk4eBI7OMdTspTpyZp/tNw47zh7tMZbs4Gb6p1ql5pHhhOm249uPdaUFYaOnj5jZmhZkebIsZQe0LN11tLa+V7zna01pFFsdtpxUHaVv2MeTWNsck8bPsmf1t3Ei/OL45vITnKSvdQm8jzJkN7HuvhxfFLprYAMrqPLNT78wMBv6065BqaEHk9js6k0gKLka7fXrvfd7m9vPSfuxP+5DbgrjrtcgWDMpf9dPPw+J2eQpYQakp+d/WHVBBQLN6dPmw7V2XKJvtIACXpIPztfAcua7SLeoW6nqFP0rvsqW2SPaGh/hDrR20Y/144+dsb1IC2rk8gqv8aw79gnSyQ6WWXtnKt97K5+h+5ebDGN/e74cLuI3d79bqE4uw/xRFPktItweKJs3w67oMIEf1ntIBFvie5P9dDU6TWb/w4Slb9YYbxyzF+2s3b9yA+i4OC/l6ww7qmrNm6Q9QiiT1Iv1+3bsTa9dkMvWq91l0esu8Frp8sZ1s2di/QYP4O/PdwQ0faaLDuAdoatl/W3UsE+QxNn79sBjzuxxsXLbRiFuTQUhhSwseQUw4YtKLxFng6rw7cf4BuU++2Hq3HjnYe88T4BI96krd/yToEi4cXaYdLQ6Ur+365MMkOWtXToMlm+yJAREqv0yu3P6JWwfKYgtCBred9W4ZhUMtVjFJu1I6tHiECZ2Jst1I12/9rpek1+MDV23hq1kaCNavVnJq/79jkyBxXR/T9QiuKrSsFY7YG1/yWQ/v5DxSt+pNL3W1sKSCw590fWQBBxPgSlvkutylbHBSnREqOVo6X/JiuTV/QFpeHkKJ/6KiXvEHmgZG8qpBKUdoUdHe4WIfFZ6y1IrOvScGjBadnVYOeA945/fQNepsHWzcTq97loTDkk9nhgucLqbJAZUYtyRXsk1Ylz3wSkyaqzNX+/6MlNX8Od6I8S9gv0JXOQ0p8nvQT8j6tEYHx7ehuWddU9Y33KI82M0Nb/l8Erek1oQ7r1We+MiZoM91Gx+bnVHvFIt1IZJ3TBxg1HL4fi9Yr68pzpfQwBBtrAnaiIoYP0lRmXY/nPmoXi8qLhIFhVo5z9xBdrR7/CsnlNHNbo7G9YHEM22qRDe5fnFGIwdTeMXDUiwVovToInu977hYX2Moy59fhE2Ihw1qp8flkTpyBc8GTVO4nmz5Kw1fsVBMZsTvq+6q4hNbnCq3FruOTxqvd+VpGmV3F5QuSMtRIcQUK9+KJRneaV6VOY/vlaXZPIH+dVCXFzqVm+yYVHS/fK8F6W6Z3mZVQnjZzh1e2f02ItlJRI9hVLiiQRTW4nIL8C8mqmGsWbJV0aPtWalepyDbdRUlIoabHIcmX5WzqCotvC2kLtsi1QtxWmYueEPxaIW/765Wk+sH9icKTYf8z4N12ORddPrDpiiaWxcrhBi6Jv47fzcqJtly+uiPQfQHdTRRemRg+WlfGf5NHWBUwfeEEMysHC30dXZNQRS9XzllQ/Yy0pn7e8carvFdqWKLMng0ngsWa0L01a71nwePQJ72T3orPFO2Jmx8RlyMJonL3DLs3ATk3IY3Cu1eZka98FiRFO4Mj9RQWBY9+HBLCyzTfo6/oTgKU1DBfssTLntdDZr9lFQnqGsA/7AT3kTj4PgWj7KkeQxiN2RSstMa5PeqUoTxxm9SdorCWfyOGpB/DsWyti21vhkImi87Chfc8PKtk182iqbphCy8lKUn9asdrz0c2kRrlZyAwevXbPKZc3/9KOjI5GgoCypj2ldaoQo3LoS1X9klfDyjfzgNqgrNTgwW0H29JdrZR1sCsp8klDZN7kSRRVSEG5PCl2OR6DD7YNaaOktbUNMcFd2Fq7jgf//gPgXI0/wfY6uwGIHOwAcH7F7+Isv8YOnIsXgZgWP8ZGAudV/CiegGcHbseVZd34ZNxDl76DPSb1AtPiuQQHvKrMjq/DRaQfwZNJ/8Nb1+2axYUVX/Afce6v6rng4+kdw4fxe31m4h/fRbeNP3/6tZzdziWEqJvqF4MgMxD4xYxhT43JG91cayYIw1Nmj3F2xwNlWDGqNXoLnQG+ggEg1RiAX8rZIg+2K7s2Vv8/ILvGBMPgS3BMgaaEZSShYYsndEx9CSlC5vpsYhY4FGYBQLixBkEEthMMTwfBCZynUCzvExo3rwmdIIATUkVAvEW24ICRTLXoVJROK1U3SY0as0lvJVFk0LhEV2mrUVmSWt+jQmexGoukMYrobGWmzqSzrGMZa31lLEXppXqLuVaaYexPV1NjltZZzFU6DaUwUFRdUlSUvmxZhcZcC6RUFjoqlBtQS0qtKaqRhpmJfmIKmfv8EjqVbGqoWDS9zqJW0LGwMk5eKoZCdAPTTMnUqNd9aWlVr1IsSqTqSW3Fwqw2lDPMVJ0aVWYmVVc+WxUdDYqCoYNSJ0mUGE3fVFJsX6697SW4+fqUqwsDGMIRgWiIjhiIiVhfB4/MQVzEQ3wkQEIkAvqUzthoNHFVRrnKYjE3yLX2jkx0q8Fsa9KRVUaViTLbmm1m4YWThmnveZjaTFHmWq7GoDLVGU1NNr2twUa3mm1WmxkrLuYabEatyqw1mirVthhOe7DWNFSuS99k1RY1GE16s3yNKNeWTGOwqWjNxkabibYvmWozY5bK1FnSpbWqGAAA') format('woff2'), url('iconfont.woff?t=1564728060010') format('woff'), url('iconfont.ttf?t=1564728060010') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

    url('iconfont.svg?t=1564728060010#iconfont') format('svg');

    /* iOS 4.1- */

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.iconweixin:before {

    content: "\e679";

}



.iconai-arrow-down:before {

    content: "\e658";

}



.iconshouye:before {

    content: "\e654";

}



.iconjiantouzuo:before {

    content: "\e659";

}



.iconicon_arrow_bottom:before {

    content: "\e601";

}



.iconchanpinyufuwu:before {

    content: "\e7db";

}



.iconsousuo:before {

    content: "\e718";

}



.iconQQ:before {

    content: "\e68c";

}



.iconhuidaodingbu1:before {

    content: "\e682";

}



.iconjiantoushang:before {

    content: "\e62c";

}



.iconjiantouyou:before {

    content: "\e62d";

}



.iconwinfo-icon-dianhua:before {

    content: "\e63e";

}



.iconzixun:before {

    content: "\e625";

}



.iconweibo:before {

    content: "\e608";

}



.icondianhua:before {

    content: "\e6e3";

}



.iconerweima1:before {

    content: "\e600";

}





/* 动画 */



@-webkit-keyframes arrow {

    0% {

        opacity: 1;

        bottom: 40px;

    }

    100% {

        opacity: 0;

        bottom: 15px;

    }

}



@keyframes arrow {

    0% {

        opacity: 1;

        bottom: 40px;

    }

    100% {

        opacity: 0;

        bottom: 15px;

    }

}



@-webkit-keyframes moveTop {

    0% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes moveTop {

    0% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



.moveTop {

    -webkit-animation-name: moveTop;

    animation-name: moveTop;

}



@-webkit-keyframes fadeInRight2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(1%);

        transform: translateX(1%);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes fadeInRight2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(1%);

        transform: translateX(1%);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



.fadeInRight2 {

    -webkit-animation-name: fadeInRight2;

    animation-name: fadeInRight2;

}





/*公共样式*/



#c-footer .c-list li:last-child .c-clear {

    margin-top: 10px;

}



.c-clear {

    zoom: 1;

}



.c-clear:after {

    content: '';

    display: block;

    clear: both;

}



.c-fl {

    float: left;

}



.c-fr {

    float: right;

}



.c-commonbtn {

    position: relative;

    z-index: 2;

    display: inline-block;

    vertical-align: middle;

    padding: 10px 0;

    font-size: 16px;

    line-height: 1em;

    color: #000;

    overflow-x: hidden;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.c-commonbtn:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    border-bottom: 1px solid #00cc82;

}



.c-commonbtn:hover {

    color: #000;

}



.c-commonbtn:hover:before {

    animation: btnBefore .4s linear;

    -webkit-animation: btnBefore .4s linear;

}



@-webkit-keyframes btnBefore {

    0% {

        left: 0;

    }

    80% {

        left: 200%;

    }

    81% {

        left: -100%;

    }

    100% {

        left: 0;

    }

}



@keyframes btnBefore {

    0% {

        left: 0;

    }

    80% {

        left: 200%;

    }

    81% {

        left: -100%;

    }

    100% {

        left: 0;

    }

}



.c-commonbtn {

    color: #000;

}



.c-commonbtn span {

    display: inline-block;

}



.c-commonbtn.c-active span:nth-child(1) {

    animation: scheme .3s linear;

}



.c-commonbtn.c-active span:nth-child(2) {

    animation: scheme .3s linear .04s;

}



.c-commonbtn.c-active span:nth-child(3) {

    animation: scheme .3s linear .08s;

}



.c-commonbtn.c-active span:nth-child(4) {

    animation: scheme .3s linear .12s;

}



.c-commonbtn.c-active span:nth-child(5) {

    animation: scheme .3s linear .16s;

}



.c-commonbtn.c-active span:nth-child(6) {

    animation: scheme .3s linear .2s;

}



.c-commonbtn.c-active span:nth-child(7) {

    animation: scheme .3s linear .24s;

}



.c-commonbtn.c-active span:nth-child(8) {

    animation: scheme .3s linear .28s;

}



.c-commonbtn.c-active span:nth-child(9) {

    animation: scheme .3s linear .32s;

}



.c-commonbtn.c-active span:nth-child(10) {

    animation: scheme .3s linear .34s;

}



@-webkit-keyframes scheme {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes scheme {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@-webkit-keyframes moveBottom {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes moveBottom {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@-webkit-keyframes moveTop2 {

    0% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

    0% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes moveTop2 {

    0% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

    0% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



#c-header.on {

    animation: moveBottom .6s;

}



#c-topBanner.on {

    margin-top: 0;

    height: 100vh;

}





/*顶部*/



#c-header {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 900;

    width: 100%;

    line-height: 80px;

    font-size: 16px;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header .c-header {

    position: relative;

    padding: 0 1rem;

    margin: 0 auto;

    text-align: center;

    display: flex;

    align-items: flex-start;

}



#c-header.c-style {

    padding: 0;

    color: #333;

    background: #fff;

    box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);

    /* font-size: 14px; */

}





/* #c-header.c-navFade {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

} */





/*顶部logo*/



#c-header .c-logo {

    position: relative;

    z-index: 910;

    flex-shrink: 0;

}



#c-header .c-logo a {

    display: block;

    float: left;

    text-align: left;

    margin-top: -2px;

}



#c-header .c-logo a img {

    height: 28px;

    vertical-align: middle;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header .c-logo a img:first-child,

#c-header.c-style .c-logo a img:last-child {

    display: none;

}



#c-header .c-logo p {

    float: left;

    margin-left: 10px;

    color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header.c-style .c-logo p {

    color: #333;

}



#c-header.c-style .c-logo a img:first-child {

    display: inline-block;

}





/*顶部pc导航*/



#c-header .c-nav {

    width: 100%;

    text-align: right;

}



#c-header .c-nav>li {

    display: inline-block;

    position: relative;

    vertical-align: top;

    margin: 0 .33rem;

    line-height: 80px;

}



#c-header .c-nav li a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header .c-nav>li a::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    border-top: 2px solid #00cc82;

    opacity: 0;

}



#c-header .c-nav>li.on a::before {

    opacity: 1;

}



#c-header.c-style .c-nav li a {

    color: #3c3c3c;

}



#c-header .c-commonbtn {

    color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header.c-style .c-commonbtn {

    color: #333;

}



#c-header .c-commonbtn::before {

    border-color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header.c-style .c-commonbtn::before {

    border-color: #00cc82;

}



#c-header .c-nav ul {

    position: absolute;

    top: 99%;

    left: -15px;

    display: none;

    line-height: 50px;

    background: #fff;

    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);

    border-radius: 5px;

    overflow: hidden;

    white-space: nowrap;

}



#c-header .c-nav ul li {

    border-bottom: 1px solid rgba(0, 0, 0, .03);

}



#c-header .c-nav ul li:last-child {

    border: 0;

}



#c-header .c-nav ul a {

    padding: 0 15px;

    display: block;

    color: #666;

    text-align: left;

}



#c-header .c-nav ul a:hover {

    color: #fff;

    background: #00cc82;

}





/*顶部移动端导航*/



#c-header .c-nav2 {

    position: fixed;

    top: 0;

    left: -100%;

    z-index: 900;

    width: 100%;

    height: 100%;

    overflow-y: auto;

    background: #222;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



body.c-open {

    overflow: hidden;

}



body.c-open #c-header .c-nav2 {

    left: 0;

}



#c-header .c-nav2 a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header .c-nav2 li.c-active>a {

    color: #00cc82;

}



#c-header .c-nav2 li ul {

    display: none;

    background: #fff;

}



#c-header .c-nav2 li ul a {

    padding-left: 15px;

    color: #333;

}



#c-header .c-nav2 li li li a {

    padding-left: 30px;

}





/*顶部导航开关*/



#c-header .c-switch {

    position: absolute;

    top: 50%;

    z-index: 910;

    display: none;

    cursor: pointer;

}



#c-header .c-switch i {

    position: absolute;

    display: block;

    width: 100%;

    height: 2px;

    background: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header.c-style .c-switch i {

    background: #333;

}



#c-header .c-switch i:nth-child(1) {

    top: 0;

}



#c-header .c-switch i:nth-child(3) {

    bottom: 0;

}



body.c-open #c-header .c-switch i:nth-child(2) {

    opacity: 0;

}



body.c-open #c-header .c-switch i:nth-child(1) {

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg);

}



body.c-open #c-header .c-switch i:nth-child(3) {

    -webkit-transform: translateY(50%) rotate(-45deg);

    transform: translateY(50%) rotate(-45deg);

}



#c-header .c-btnBox {

    display: flex;

    align-items: center;

    flex-shrink: 0;

    padding-left: .9rem;

}



#c-header .c-top-phone {

    padding: 0 60px 0 34px;

    background: url(../images/top-phone2.png) no-repeat left center / 26px;

    font-size: 20px;

    color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-header.c-style .c-top-phone {

    color: #333;

    background-image: url(../images/top-phone.png);

}





/* banner */



#c-home {

    display: none;

}



#c-banner {

    position: relative;

    height: 100vh;

    color: #fff;

    background: #f7f7f7;

    overflow: hidden;

    text-align: center;

}



#c-banner video {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1;

    min-width: 100%;

    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



#c-banner>img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: none;

}



#c-banner .c-pc {

    z-index: 2;

    display: block;

}



#c-banner .c-mask {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 4;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3) url(../images/mbl.png) repeat top left;

}



#c-banner .c-text-box {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 5;
    width: 90%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}



#c-banner .c-text-box .c-text {
    font-size: 62px;
    line-height: 98px;
    text-align: left;
    font-weight: bold;

}



#c-banner .c-text-box .c-title {
    padding: .15rem 0 .65rem;
    font-size: .3rem;
    line-height: 2;
    text-align: left;
    font-weight: 100;

}



#c-banner .c-text-box .c-btn {

    display: inline-block;

    width: 190px;

    border-radius: 5px;

    font-size: 18px;

    line-height: 54px;

    color: #fff;

    background: #00cc82; float:left

}



#c-banner .c-btn2 {

    position: absolute;

    bottom: 40px;

    left: 50%;

    z-index: 6;

    color: #fff;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}

#c-banner .c-btn2 .c-jt {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px auto 0;

    width: 40px;

}



#c-banner .c-btn2 .c-jt img {

    width: 16px;

    animation: jump 1.5s linear infinite;

    -webkit-animation: jump 1.5s linear infinite;

}



#c-banner .c-btn2 p {

    font-size: 14px;

    line-height: 24px;

}



@-webkit-keyframes jump {

    0% {

        transform: translateY(0)

    }

    25% {

        transform: translateY(-20%)

    }

    50% {

        transform: translateY(0)

    }

    75% {

        transform: translateY(20%)

    }

    to {

        transform: translateY(0)

    }

}



@keyframes jump {

    0% {

        transform: translateY(0)

    }

    25% {

        transform: translateY(-20%)

    }

    50% {

        transform: translateY(0)

    }

    75% {

        transform: translateY(20%)

    }

    to {

        transform: translateY(0)

    }

}





/* #c-banner .c-textBox {

    animation: fadeInRight2 1s linear;

    -webkit-animation: fadeInRight2 1s linear;

}



#c-banner .c-bg {

    position: absolute;

    bottom: 0;

    right: 1.4rem;

    z-index: 2;

    height: 100%;

}



#c-banner .c-wrap {

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 1;

    box-sizing: border-box;

    width: 100%;

    padding: 0 1.4rem;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-banner .c-textBox .c-title1 {

    margin-bottom: .3rem;

    font-size: 2.2rem;

    line-height: 1em;

    color: #00cc82;

    text-overflow: initial;

    word-break: break-all;

    word-break: break-word;

}



#c-banner .c-textBox .c-title2 {

    font-size: .36rem;

    color: #222;

    padding-left: .14rem;

}



#c-banner .c-arrow {

    position: absolute;

    left: 1.7rem;

    bottom: -1.5rem;

    width: 44px;

    height: 44px;

    border: 1px solid #ddd;

    border-radius: 50%;

}



#c-banner .c-arrow img {

    opacity: .5;

    position: absolute;

    left: 50%;

    margin-left: -6px;

    width: 12px;

    animation: arrow 1s linear infinite;

    -webkit-animation: arrow 1s linear infinite;

} */





/* 关于我们 */



#c-about {

    padding: 1.2rem 2.6rem;

    text-align: center;

    background-color: #fff;

}



#c-about .c-text {

    margin-bottom: 20px;

    font-size: 18px;

    line-height: 28px;

}



#c-about .c-title {

    font-weight: bold;

    margin: 0 auto;

    max-width: 11.8rem;

    font-size: .36rem;

    color: #222;

}



#c-about .c-playBox {

    padding: 1rem 0 1.6rem 0;

    line-height: 70px;

    text-align: center;

}



#c-about .c-playBox .c-play {

    display: inline-block;

    cursor: pointer;

}



@-webkit-keyframes movePlay {

    0% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px);

    }

    50% {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px);

    }

}



@keyframes movePlay {

    0% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px);

    }

    50% {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px);

    }

}



@-webkit-keyframes movePlay2 {

    0% {

        -webkit-transform: translateX(-4px);

        transform: translateX(-4px);

    }

    50% {

        -webkit-transform: translateX(4px);

        transform: translateX(4px);

    }

    100% {

        -webkit-transform: translateX(-4px);

        transform: translateX(-4px);

    }

}



@keyframes movePlay2 {

    0% {

        -webkit-transform: translateX(-4px);

        transform: translateX(-4px);

    }

    50% {

        -webkit-transform: translateX(4px);

        transform: translateX(4px);

    }

    100% {

        -webkit-transform: translateX(-4px);

        transform: translateX(-4px);

    }

}



#c-about .c-playBox .c-play .c-wrap {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    text-align: center;

    line-height: 64px;

    overflow: hidden;

    background: #00cc82;

    animation: movePlay2 1.5s linear infinite;

    -webkit-animation: movePlay2 1.5s linear infinite;

}



#c-about .c-playBox .c-play:hover .c-wrap,

#c-about .c-playBox .c-play:hover .c-wrap img {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

}



#c-about .c-playBox .c-play:hover .c-wrap {

    border-color: transparent;

}



#c-about .c-playBox .c-play .c-wrap img {

    width: 100%;

    height: 100%;

    animation: movePlay 1.5s linear infinite;

    -webkit-animation: movePlay 1.5s linear infinite;

}



#c-about .c-playBox span {

    display: inline-block;

    position: relative;

    margin-left: 20px;

    font-size: 18px;

    color: #222;

    overflow: hidden;

    vertical-align: middle;

}



#c-about .c-playBox span i {

    position: absolute;

    top: 50%;

    left: -100%;

    margin-top: 15px;

    width: 100%;

    border-bottom: 1px solid #222;

}



#c-about .c-list,

#c-about2 .c-list {

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

   /* align-items: center;*/

    margin: 0 -10px;

}



#c-about .c-list li,

#c-about2 .c-list li {

    width: 20%;

    padding: 0 10px;

    margin-bottom: 20px;

}


#c-about .c-list li p,

#c-about2 .c-list li p{
	margin-top: .15rem;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    background: #f5f5f5;
    padding: 5px 5px;
    min-height: 60px;
	}



#c-about .c-list .c-wrap,

#c-about2 .c-list .c-wrap {
   border:1px solid #cfcfcf; height:1rem;
   overflow: hidden;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}



#c-about .c-list img,

#c-about2 .c-list img {
    width: 90%;
    height: auto;

}



.c-videoBox {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    text-align: center;

}



.c-videoBox .c-btn {

    position: fixed;

    top: 86%;

    left: 50%;

    margin-left: -25px;

    width: 50px;

    height: 50px;

    color: #fff;

    background: #fff;

    border-radius: 50%;

    transition: .5s;

}



.c-videoBox .c-btn:after,

.c-videoBox .c-btn:before {

    content: "";

    position: absolute;

    bottom: 24px;

    left: 10px;

    width: 30px;

    height: 2px;

    background: #333;

    transition: .5s;

}



.c-videoBox .c-btn:hover {

    background: #00cc82;

}



.c-videoBox .c-btn:hover:after,

.c-videoBox .c-btn:hover:before {

    background: #fff;

}



.c-videoBox .c-btn:after {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.c-videoBox .c-btn:before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.c-videoBox video {

    position: fixed;

    left: 50%;

    top: 50%;

    width: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}





/* 关于我们详情 */



#c-about2 {

    padding: 1rem 3rem 1.8rem;

    text-align: center;

    background: #fff;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

}



#c-about2 .c-titleBox .c-title {

    margin-bottom: .4rem;

    font-weight: bold;

    font-size: .36rem;

    color: #222;

}



#c-about2 .c-titleBox .c-title span {

    color: #00cc82;

    text-decoration: none !important;

}



#c-about2 .c-titleBox .c-text {
    line-height: 2em;
    color: #666;
    width: 95%;
    margin: 0 auto;

}



#c-about2 .c-dataList {

    padding: .9rem 0;

}



#c-about2 .c-dataList li {

    display: inline-block;

    padding: 0 1.1rem;

}



#c-about2 .c-dataList .c-topBox span {

    font-size: .72rem;

    line-height: 1em;

    color: #00cc82;

}



#c-about2 .c-dataList .c-topBox i {

    font-style: normal;

    font-size: 24px;

    line-height: 1em;

    color: #00cc82;

}



#c-about2 .c-dataList .c-title {

    padding-top: .3rem;

    line-height: 1em;

    color: #666;

}





/* 案例 */



#c-case {

    padding: 1.6rem;

}



#c-case.c-dt {

    padding: 80px 0 0;

}



#c-case .c-common-title .c-title {

    margin-bottom: 1.5rem;

}



#c-case .c-list li {

    float: left;

    margin-bottom: 1.8rem;

    width: 46%;

}



#c-case .c-list li:nth-child(even) {

    float: right;

}



#c-case .c-list .c-wrap {

    display: block;

}



#c-case .c-list li:first-child .c-imgBox,

#c-case .c-list li:last-child .c-imgBox {

    height: 6.1rem;

}



#c-case .c-list .c-imgBox {

    height: 8.3rem;

    overflow: hidden;

}



#c-case .c-list .c-imgBox img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s;

}



#c-case .c-list .c-wrap:hover .c-imgBox img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-case .c-list .c-textBox .c-subtitle {

    margin: 35px 0 10px;

    font-size: 18px;

    line-height: 28px;

    color: #666;

}



#c-case .c-list .c-textBox .c-title {

    margin-bottom: 20px;

    font-weight: bold;

    font-size: .36rem;

    line-height: .56rem;

    color: #333;

}



#c-case .c-list .c-textBox .c-more {

    display: inline;

    text-decoration: underline;

    font-size: 18px;

    line-height: 28px;

    color: #333;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



#c-case .c-list .c-wrap:hover .c-textBox .c-more {

    color: #00cc82;

}



#c-case .c-btn-box {

    text-align: center;

}



#c-case .c-btn-box .c-btn {

    display: inline-block;

    padding-bottom: 15px;

    border-bottom: 1px solid #9a9a9a;

    font-weight: bold;

    font-size: .36rem;

    line-height: 1.2;

    color: #333;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-case .c-btn-box .c-btn:hover {

    color: #00cc82;

    border-color: #00cc82;

}





/* 公共样式 */



.c-commonBox {

    padding: 1.9rem 0;

    text-align: center;

    background-color: #fff;

}



.c-commonBox .c-text {

    margin-bottom: 10px;

    font-size: 18px;

    line-height: 28px;

    color: #a6a6a6;

}



.c-commonBox .c-title {

    margin-bottom: 30px;

    font-size: .6rem;

    color: #222;

}



.c-commonBox .c-title2 {

    margin-bottom: 30px;

    font-size: .48rem;

    line-height: 1.5em;

    color: #222;

}



.c-commonBox .c-title2 span {

    color: #00cc82;

}



.c-commonBox .c-btn {

    display: inline-block;

    position: relative;

    z-index: 2;

    padding-left: 25px;

    font-size: 18px;

    line-height: 50px;

    color: #6a6a6a;

}



.c-commonBox .c-btn.new {

    padding: 0 25px;

    background: #00cc82;

    color: #fff;

    border-radius: 25px;

}



.c-commonBox .c-btn i {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 50px;

    height: 50px;

    border-radius: 25px;

    background: #f1f1f1;

    vertical-align: middle;

    margin-right: -25px;

}



.c-commonBox .c-btn span {

    position: relative;

    display: inline-block;

    margin-left: 20px;

    width: 50px;

    height: 50px;

    vertical-align: middle;

}



.c-commonBox .c-btn span::before,

.c-commonBox .c-btn span::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 10px;

    height: 2px;

    margin: -1px 0 0 -5px;

    background: #6a6a6a;

}



.c-commonBox .c-btn span::before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.c-commonBox2 {

    position: relative;

    z-index: 1;

    padding: 1.6rem;

    overflow: hidden;

}



.c-commonBox2 video {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.c-commonBox2 .c-glass {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6) url(../images/mbl.png) no-repeat center center;

    background-size: cover;

}



.c-commonBox2 .c-textBox {

    padding-left: 1rem;

    position: relative;

    z-index: 10;

    color: #fff;

    background: url(../images/dh.png) no-repeat top .06rem left;

    background-size: .54rem auto;

}



.c-commonBox2 .c-textBox .c-title {

    margin-bottom: .5rem;

    font-size: .3rem;

    color: #fff;

}



.c-commonBox2 .c-textBox .c-photo {

    line-height: 80px;

}



.c-commonBox2 .c-textBox .c-photo .c-img {

    display: inline-block;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    vertical-align: middle;

    overflow: hidden;

}



.c-commonBox2 .c-textBox .c-photo .c-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.c-commonBox2 .c-textBox .c-photo span {

    margin-left: 20px;

    font-size: 16px;

}



.c-commonBox2.c-dt .c-textBox {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.c-commonBox2.c-dt .c-textBox>div {

    width: 48%;

}





/* 按钮 */



.c-btn-move {

    display: inline-block;

    position: relative;

    z-index: 2;

    padding-left: 25px;

    font-size: 18px;

    line-height: 50px;

    color: #6a6a6a;

}



.c-btn-move:hover {

    color: #6a6a6a;

}



.c-btn-move i {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 50px;

    height: 50px;

    border-radius: 25px;

    background: #f1f1f1;

    vertical-align: middle;

    margin-right: -25px;

}



.c-btn-move span {

    position: relative;

    display: inline-block;

    margin-left: 20px;

    width: 50px;

    height: 50px;

    vertical-align: middle;

}



.c-btn-move span::before,

.c-btn-move span::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 10px;

    height: 2px;

    margin: -1px 0 0 -5px;

    background: #6a6a6a;

}



.c-btn-move span::before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.c-btn-move.c-dt i {

    background: #00cc82;

}



.c-btn-move.c-dt span::before,

.c-btn-move.c-dt span::after {

    background: #fff;

}



.c-btn-move.c-dt,

.c-btn-move.c-dt:hover {

    color: #fff;

}





/* 如果简单，我找<yang:copyright />干嘛 */



#c-slogan {

    position: relative;

    overflow: hidden;

    background: #f9f9f9;

}



#c-slogan .c-bg {

    width: 55.6%;

}



#c-slogan .c-titleBox {

    position: absolute;

    top: 50%;

    left: 60%;

    -webkit-transform: translate(100px, -50%);

    transform: translate(100px, -50%);

    transition: .1s;

}



#c-slogan .c-titleBox .c-title1 {

    font-size: .55rem;

    color: #222;

}



#c-slogan .c-titleBox .c-title2 {

    font-size: 2.2rem;

    line-height: 1em;

    color: #00cc82;

}





/* 新闻 */



#c-news {

    padding: 0.5rem 1.6rem;

    background-color: #fff;

}



#c-news .c-titleBox .c-title {

    margin-bottom: .8rem;

    font-size: .36rem;

    color: #222;

    text-align: center;

}



#c-news .c-list {

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



#c-news .c-list li {

    margin-bottom: 20px;

    width: -webkit-calc(50% - 10px);

    width: calc(50% - 10px);

}



#c-news .c-list a {

    position: relative;

    display: block;

    height: 3.3rem;

}



#c-news .c-list .c-bg {

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #f6f6f6 url(../images/news-bg.png) no-repeat center center;

    background-size: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-wrap {

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: absolute;

    top: 50%;

    left: 0;

    box-sizing: border-box;

    padding: .4rem;

    width: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-news .c-list .c-textBox {

    width: -webkit-calc(100% - 80px);

    width: calc(100% - 80px);

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-textBox .c-classification {

    margin-bottom: 10px;

    font-size: 15px;

    color: #999;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-textBox .c-title {

    font-size: .25rem;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-arrow {

    position: relative;

    width: 45px;

}



#c-news .c-list .c-arrow img {

    width: 100%;

    opacity: 1;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-news .c-list .c-arrow img:last-child {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



#c-news .c-list a:hover .c-textBox {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



#c-news .c-list a:hover .c-box {

    background: rgba(0, 0, 0, .4) url(../images/news-bg.png) no-repeat center center;

}



#c-news .c-list a:hover .c-textBox .c-classification,

#c-news .c-list a:hover .c-textBox .c-title {

    color: #fff;

}



#c-news .c-list a:hover .c-arrow img:first-child {

    opacity: 0;

}



#c-news .c-list a:hover .c-arrow img:last-child {

    opacity: 1;

}



#c-news .c-list a:hover .c-bg {

    opacity: 1;

}



#c-news .c-list2 {

    display: -webkit-flex;

    display: flex;

    align-content: flex-start;

    flex-wrap: wrap;

    margin: 0 -.1rem .2rem;

}

#c-news .c-list2 li {

    width: 33.333333%;

    padding: 0 .1rem .6rem;

}

#c-news .c-list2 li a {

    display: block;

    color: #666;

}

#c-news .c-list2 li .c-img-box  {

    /*height: 2.2rem;*/

    overflow: hidden;

}

#c-news .c-list2 li .c-img-box img { max-width:100%; height:auto;

   /* width: 100%;

    height: 100%;

    object-fit: cover;*/

    transition: all 1s;

}

#c-news .c-list2 li .c-text-box .c-text1{

    padding: .2rem 0 .1rem;

}

#c-news .c-list2 li .c-text-box .c-title{

    margin: .1rem 0;

    font-size: 24px;

    line-height: 1.4;

    color: #333;

    display: inline;

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);

    background-size: 0 100%;

    background-repeat: no-repeat;

    transition: .5s;

}

#c-news .c-list2 li .c-text-box .c-text2 {

    padding-top: .1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

#c-news .c-list2 li a:hover .c-text-box .c-title {

    background-size: 100% 100%;

}

#c-news .c-list2 li a:hover .c-img-box img{

    transform: scale(1.1);

}

#c-news .c-btn-box {

    text-align: center;

}



/* 价值观 */



#c-values {

    overflow: hidden;

    padding: 1.3rem 1.6rem .6rem;

    background-color: #fff;

}



#c-values .c-topBox .c-title {

    margin-bottom: .3rem;

    font-weight: bold;

    font-size: .36rem;

    line-height: 1.7em;

    color: #222;

}



#c-values .c-topBox .c-title span {

    color: #e80909;

    text-decoration: none !important;

}



#c-values .c-topBox .c-text {

    margin-bottom: 90px;

    max-width: 1100px;

    color: #666;

    line-height: 2em;

}



#c-values .c-list {

    margin: 0 -25px;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-values .c-list li {

    box-sizing: border-box;

    margin-bottom: 70px;

    width: 25%;

    padding: 0 25px;

}



#c-values .c-list .c-num {

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    font-size: 24px;

    color: #00cc82;

    background: #f5f5f5;

}



#c-values .c-list .c-title {

    padding: 35px 0 15px;

    font-weight: bold;

    font-size: 18px;

    color: #333;

}



#c-values .c-list .c-text {

    font-size: 14px;

    color: #666;

    line-height: 2em;

}





/*底部*/



#c-footer {

    padding: 1.2rem 1.6rem 0;

    background: #1b1b1c;

    color: #fff;

}



#c-footer .c-titleBox {

    font-size: .40rem;

    border-bottom: 1px solid #3c3c3c;

    display: none;

}



#c-footer .c-titleBox .c-wrap {

    display: inline-block;

    position: relative;

}



#c-footer .c-titleBox .c-wrap .c-line {

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    border-top: 1px solid #fff;

}



#c-footer .c-titleBox .c-title {

    position: relative;

    display: inline-block;

    margin-bottom: 0.9rem;

    -webkit-transition: all 1s;

    transition: all 1s;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



#c-footer .c-titleBox .c-title.c-move {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

}



#c-footer .c-titleBox .c-title span {

    display: inline-block;

}



@-webkit-keyframes fadeInUp2 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100px, 0);

        transform: translate3d(0, 100px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUp2 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100px, 0);

        transform: translate3d(0, 100px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUp2 {

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;

}



#c-footer .c-list {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 0.8rem 0 0.6rem; 

}



#c-footer .c-list li {

    font-size: 18px;

    box-sizing: border-box;

}



#c-footer .c-list .c-title {

    margin-bottom: .3rem;

}



.sinye_move {

    margin: 0.2rem;

}



#c-footer .c-list .c-title span {

    margin-left: .3rem;

    display: inline-block;

    width: 20px;

    border-top: 2px solid #fff;

    vertical-align: middle;

}



#c-footer .c-list p {

    line-height: 2em;

}



#c-footer .c-list p a {

    color: rgba(255, 255, 255, 0.4);

    font-size: 16px;

}



#c-footer .c-list p {

    font-size: 16px;

}



#c-footer .c-list p .r_a {

    color: #fff;

}



#c-footer .c-list .a_link {

    position: relative;

    float: left;

    margin-right: 20px;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: #333;

}



#c-footer .c-list a img {

    width: 100%;

}



#c-footer .c-list a .c-imgBox {

    position: absolute;

    top: 50px;

    left: 0;

    width: 100px;

    height: 0;

    overflow: hidden;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-footer .c-list a:hover .c-imgBox {

    height: 100px;

}



#c-footer .c-list a .c-imgBox img {

    width: 100%;

}

#c-footer .c-list .c-title2 {

    font-size: .3rem;

    line-height: 1.1;

}

#c-footer .c-list .c-btn {

    margin: .3rem 0 .5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 190px;

    border-radius: 5px;

    font-size: 18px;

    height: 54px;

    color: #fff;

    background: #00cc82;

    text-align: center;

}

#c-footer .c-list .c-btn img {

    width: 8px;

    margin-left: 10px;

    transition: all .5s;

}

#c-footer .c-list .c-btn:hover img {

    transform: translateX(10px);

}



#c-footer .c-links {

    border-top: 1px solid rgba(255, 255, 255, .06);

    border-bottom: 1px solid rgba(255, 255, 255, .06);

    padding: .2rem 0;

}



#c-footer .c-links .c-list2 li,

#c-footer .c-bbox {

    display: flex;

    align-items: flex-start;

    padding: 10px 0;

    margin-bottom: -10px;

}



#c-footer .c-links .c-list2 li .c-title,

#c-footer .c-bbox .c-title {

    padding-right: 30px;

    flex-shrink: 0;

    font-size: 14px;

    line-height: 24px;

    color: rgba(255, 255, 255, 0.4);

}



#c-footer .c-links .c-list2 li .c-title a,

#c-footer .c-bbox .c-title a{color: rgba(255, 255, 255, 0.4);}



#c-footer .c-links .c-list2 li .c-box,

#c-footer .c-bbox .c-box {

    flex-grow: 1;

    flex-shrink: 1;

    line-height: 24px;

    font-size: 14px;

}



#c-footer .c-links .c-list2 li .c-box a,

#c-footer .c-bbox .c-box a {

    display: inline-block;

    margin: 0 30px 10px 0;

    color: rgba(255, 255, 255, 0.4);

}



#c-footer .c-footer {

    padding: .4rem 0;

}



#c-footer .c-footer,

#c-footer .c-footer a {

    font-size: 14px;

    color: #6b6b6b;

}



#c-footer .c-footer .c-copyright {

    padding-right: 10px;

}



#c-footer .c-footer .c-agreement img {

    width: 20px;

    margin-right: 10px;

    vertical-align: middle;

}





/* 兼容背景 */



.c-compatible {

    display: none;

    content: "";

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}





/* 顶部banner */



#c-topBanner {

    margin-top: 80px;

    position: relative;

    padding: 1.6rem;

    text-align: center;

    color: #fff;

    height: 8rem;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

}



#c-topBanner.c-dt {

    height: 5rem;

}



#c-topBanner .c-glass {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6) url(../images/mbl.png) no-repeat center center;

    background-size: cover;

    opacity: .5;

}



#c-topBanner .c-textBox {

    position: relative;

    z-index: 10;

    font-size: .6rem;

}



#c-topBanner .c-textBox .c-title1.c-dt {

    font-size: .5rem;

}



#c-topBanner .c-textBox .c-title1 {

    font-weight: bold;

}



#c-topBanner .c-textBox .c-title2 {

    font-size: 18px;

    line-height: 2em;

}



#c-topBanner .c-arrow {

    position: absolute;

    left: 50%;

    bottom: 40px;

    z-index: 10;

    margin-left: -22px;

    width: 44px;

    height: 44px;

    border: 1px solid #ddd;

    border-radius: 50%;

}



#c-topBanner .c-arrow img {

    opacity: .5;

    position: absolute;

    left: 50%;

    margin-left: -6px;

    animation: arrow 1s linear infinite;

    -webkit-animation: arrow 1s linear infinite;

}



#c-topBanner2 {

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 80px;

    padding: 0 1.6rem;

    background: #f8f8f8;

    overflow: hidden;

}



#c-topBanner2 .c-textBox {

    width: 41%;

}



#c-topBanner2 .c-textBox .c-title1 {

    margin-bottom: 30px;

    font-weight: bold;

    font-size: .48rem;

    color: #333;

}



#c-topBanner2 .c-textBox .c-title1 span {

    color: #333;

    text-decoration: none !important;

}



#c-topBanner2 .c-textBox .c-title2 {

    padding-left: 44px;

    margin-bottom: 30px;

    font-size: 18px;

    color: #333;

    background: url(../images/dh.png) no-repeat top 5px left;

    background-size: 26px auto;

}



#c-topBanner2 .c-textBox .c-authorBox {

    font-size: 14px;

    line-height: 44px;

    color: #666;

}



#c-topBanner2 .c-textBox .c-authorBox .c-photo {

    margin-right: 10px;

    display: inline-block;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    overflow: hidden;

    vertical-align: middle;

}



#c-topBanner2 .c-textBox .c-authorBox .c-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-topBanner2 .c-img {

    width: 49.4%;

}




.proimg_aa{
	height: 240px;
    float: left;
    margin: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-align: center;
	}
.proimg_aa img{
	height: 100%;
	}
.proimg_aa:hover{ background:#888888; color:#fff}





#c-about .c-playBox {

    padding: 1rem 0 1.6rem 0;

    line-height: 70px;

    text-align: center;

}



#c-topBanner .c-playBox .c-play {

    display: inline-block;

    cursor: pointer;

}



#c-topBanner .c-playBox .c-play .c-wrap {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 40px 0 10px;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    text-align: center;

    line-height: 64px;

    overflow: hidden;

    background: #00cc82;

    animation: movePlay2 1.5s linear infinite;

    -webkit-animation: movePlay2 1.5s linear infinite;

}



#c-topBanner .c-playBox .c-play:hover .c-wrap,

#c-topBanner .c-playBox .c-play:hover .c-wrap img {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

}



#c-topBanner .c-playBox .c-play:hover .c-wrap {

    border-color: transparent;

}



#c-topBanner .c-playBox .c-play .c-wrap img {

    width: 100%;

    height: 100%;

    animation: movePlay 1.5s linear infinite;

    -webkit-animation: movePlay 1.5s linear infinite;

}



#c-topBanner .c-playBox span {

    display: block;

    position: relative;

    font-size: 16px;

    line-height: 1.5;

    overflow: hidden;

}



#c-topBanner .c-playBox span i {

    position: absolute;

    bottom: 0;

    left: -100%;

    width: 100%;

    border-bottom: 1px solid #fff;

}





/* 顶部菜单 */



#c-topMenu {

    padding: .6rem 1.6rem;

    text-align: center;

    color: #666;

    background: #fff;

}



#c-topMenu p {

    display: inline-block;

    margin-right: 1rem;

    cursor: pointer;

}



#c-topMenu p:last-child {

    margin: 0;

}



#c-topMenu a {

    color: #666;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    line-height: 1.8;

    display: inline-block;

}



#c-topMenu p.c-active a {

    color: #00cc82;

    border-bottom: 1px solid #00cc82;

}



#c-topMenu p a:hover {

    color: #00cc82;

}



#c-topMenu2 {

    margin-top: 80px;

    padding: .2rem 1.6rem;

    background: #f5f5f5;

}



#c-topMenu2 p {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
    margin-bottom: .15rem;

}



#c-topMenu2 p:last-child {

    margin-right: 0;

}



#c-topMenu2 a {

    color: #666;

}



#c-topMenu2 p.c-active a,

#c-topMenu2 p:hover a {

    color: #00cc82;

}



#c-topMenu.c-sticky {

    padding: 28px 0;

    position: sticky;

    top: 0;

    z-index: 10;

    background: #fff;

}



#c-topMenu.c-sticky p.c-active,

#c-topMenu.c-sticky p:hover {

    color: #00cc82;

}





/* 流程 */



#c-process {

    padding: 0 1.6rem;

    background: #f5f5f5;

}



#c-process .c-boxWrap {

    position: relative;

}



#c-process .c-leftBox {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    padding: 1.4rem 0;

    float: left;

    width: 36.25%;

}



#c-process .c-rightBox {

    padding: 1.4rem 0;

    float: right;

    width: 43%;

}



#c-process .c-leftBox .c-title {

    margin-bottom: .3rem;

    font-size: .36rem;

    line-height: 1.5em;

    color: #000;

}



#c-process .c-leftBox .c-text {

    margin-bottom: .7rem;

    color: #666;

    line-height: 2em;

}



#c-process .c-rightBox li {

    margin-bottom: 40px;

    position: relative;

    padding: .7rem .6rem;

    background: #fff;

    overflow: hidden;

}



#c-process .c-rightBox li:last-child {

    margin-bottom: 0;

}



#c-process .c-rightBox .c-title {

    margin-bottom: 20px;

    font-size: .3rem;

    color: #333;

}



#c-process .c-rightBox .c-text {

    color: #666;

    line-height: 2em;

}



#c-process .c-rightBox .c-num {

    position: absolute;

    left: .6rem;

    bottom: -.2rem;

    font-size: .72rem;

    line-height: 1em;

    color: #ddd;

}





/* 摄影 */



#c-photography {

    padding: 1.3rem 1.6rem 0;

    background-color: #fff;

}



#c-photography .c-titleBox .c-title {

    margin-bottom: .7rem;

    font-size: .36rem;

    line-height: 1.5em;

    color: #222;

    text-align: center;

}



#c-photography .c-titleBox .c-title span {

    color: #00cc82;

}



#c-photography .c-list {

    margin: 0 -10px .7rem;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-photography .c-list li {

    box-sizing: border-box;

    width: 50%;

    padding: 0 10px;

}



#c-photography .c-list a {

    position: relative;

    display: block;

    overflow: hidden;

}



#c-photography .c-list a .c-textBox {

    padding: 15px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: #fff;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    background: rgba(0, 0, 0, .5);

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-photography .c-list a .c-time {

    margin-bottom: 5px;

    font-size: 18px;

}



#c-photography .c-list a:hover .c-textBox {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



#c-photography .c-list a img {

    width: 100%;

    height: 5.34rem;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-photography .c-list a:hover img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-photography .c-btnBox {

    margin: 0 auto;

    text-align: center;

}





/* 团队 */



#c-team {

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    padding: 0 1.6rem;

    background: #f5f5f5;

    background: -webkit-linear-gradient(left, #f5f5f5 70%, #fff 20%);

    background: linear-gradient(to right, #f5f5f5 70%, #fff 20%);

}



#c-team .c-boxWrap {

    position: relative;

    width: 100%;

}



#c-team .c-leftBox {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    float: left;

    padding: 1.9rem 0;

    width: 36.25%;

}



#c-team .c-rightBox {

    float: right;

    width: 26.3%;

}



#c-team .c-leftBox .c-title {

    margin-bottom: 30px;

    font-size: .36rem;

    line-height: 1.5em;

    color: #000;

}



#c-team .c-leftBox .c-text {

    margin-bottom: 25px;

    padding-left: 40px;

    position: relative;

    font-weight: bold;

    font-size: 18px;

    color: #333;

    background: url(../images/dh.png)no-repeat top 6px left;

    background-size: 24px auto;

}



#c-team .c-leftBox .c-photo {

    line-height: 50px;

}



#c-team .c-leftBox .c-photo .c-img {

    display: inline-block;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    overflow: hidden;

    vertical-align: middle;

}



#c-team .c-leftBox .c-photo .c-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-team .c-leftBox .c-photo .c-title2 {

    display: inline-block;

    font-size: 14px;

    color: #333;

    vertical-align: middle;

}



#c-team .c-rightBox .c-list li {

    margin-bottom: 20px;

}



#c-team .c-rightBox .c-list li:last-child {

    margin-bottom: 0;

}



#c-team .c-rightBox .c-list {

    background: #fff;

    padding-left: 20px;

}



#c-team .c-rightBox .c-list li img {

    width: 100%;

}





/* 案例列表 */



#c-caseList {

    padding: 0 1.6rem 0;

    background-color: #fff;

}



#c-caseList .c-top-box {

    text-align: center;

}



#c-caseList .c-top-box .c-title {

    font-size: .36rem;

    color: #222;

}



#c-caseList .c-top-box .c-text {

    padding: .5rem 0 .6rem;

    line-height: 26px;

    color: #666;

}



#c-caseList .c-list {

    margin: 0 -10px -80px;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-caseList .c-list li {

    margin-bottom: 120px;

    box-sizing: border-box;

    padding: 0 10px;

    width: 33.333333%;

}



#c-caseList .c-list a {

    position: relative;

    display: block;

    border-bottom: 1px solid #4e4e4e;

}



#c-caseList .c-list .c-imgBox {

    position: relative;

    overflow: hidden;

}



#c-caseList .c-list .c-imgBox img {

    width: 100%;

    height: 3.6rem;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-caseList .c-list .c-imgBox .c-more {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background-color: rgba(0,0,0,0.5);

}



#c-caseList .c-list .c-imgBox .c-more p {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    font-size: .38rem;

    text-align: center;

    color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-caseList .c-list .c-title {

    margin: 10px 0 35px;

    position: relative;

    display: inline-block;

    font-size: 24px;

    color: #333;

    height: 34px;

    line-height: 34px;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

}



#c-caseList .c-list a:before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 0;

    border-bottom: 1px solid #00cc82;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-caseList .c-list .c-textBox {

    padding-top: 25px;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    color: #999;

}



#c-caseList .c-list .c-textBox .c-text2 {

    margin-left: 10px;

    color: #333;

}



#c-caseList .c-list a:hover .c-imgBox img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-caseList .c-list a:hover .c-imgBox .c-more {

    opacity: 1;

}



#c-caseList .c-list a:hover:before {

    width: 100%;

}



#c-caseList .c-clickMore {

    margin: 0 auto;

    width: 194px;

    height: 52px;

    border: 2px solid #00cc82;

    font-size: 18px;

    line-height: 48px;

    text-align: center;

    color: #00cc82;

    cursor: pointer;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#c-caseList .c-clickMore i {

    margin-left: 30px;

}



#c-caseList .c-clickMore:hover {

    color: #fff;

    background: #00cc82;

}



#c-caseList .c-btn-box {

    text-align: center;

    font-size: 16px;

}



#c-caseList .c-btn-box .c-btn {

    margin-bottom: 10px;

    padding: 0 20px;

    display: inline-block;

    line-height: 60px;

    border-radius: 30px;

    color: #fff;

    background-color: #00cc82;

    transition: .5s;

}



#c-caseList .c-btn-box .c-btn:hover {

    background: #00cc82;

    color: #fff;

}



#c-caseList .c-btn-box .c-text {

    font-size: 12px;

    color: #999;

}
















/* 案例列表 */



#c-caseListA {

    padding: 0 1.6rem 0;

    background-color: #fff;

}



#c-caseListA .c-top-box {

    text-align: center;

}



#c-caseListA .c-top-box .c-title {

    font-size: .36rem;

    color: #222;

}



#c-caseListA .c-top-box .c-text {

    padding: .5rem 0 .6rem;

    line-height: 26px;

    color: #666;

}



#c-caseListA .c-list {

    margin: 0 -10px 50px;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-caseListA .c-list li {
    box-sizing: border-box;
    width: 31.3%;
    margin: 1%;
    box-shadow: 0 0 10px 0px #ddd;
    padding: 2%;
    font-size: 18px;
    border-radius: 5px;
}



#c-caseListA .c-list a {

    position: relative;

    display: block;

    /*border-bottom: 1px solid #4e4e4e;*/

}



#c-caseListA .c-list .c-imgBox {

    position: relative;

    overflow: hidden;

}



#c-caseListA .c-list .c-imgBox img {

    width: 100%;

    height: auto;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-caseListA .c-list .c-imgBox .c-more {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background-color: rgba(0,0,0,0.5);

}



#c-caseListA .c-list .c-imgBox .c-more p {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    font-size: .38rem;

    text-align: center;

    color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-caseListA .c-list .c-title {
    margin: 20px 0 0;
    position: relative;
    font-size: 18px;
    color: #333;
    line-height: 34px;
    transition: all 0.6s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;

}



/*#c-caseListA .c-list a:before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 0;

    border-bottom: 1px solid #00cc82;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}*/



#c-caseListA .c-list .c-textBox {
    padding-top: 10px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #999;

}



#c-caseListA .c-list .c-textBox .c-text2 {
    margin-left: 40px;
    color: #999;
}



#c-caseListA .c-list a:hover .c-imgBox img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-caseListA .c-list a:hover .c-imgBox .c-more {

    opacity: 1;

}



#c-caseListA .c-list a:hover:before {

    width: 100%;

}



#c-caseListA .c-clickMore {

    margin: 0 auto;

    width: 194px;

    height: 52px;

    border: 2px solid #00cc82;

    font-size: 18px;

    line-height: 48px;

    text-align: center;

    color: #00cc82;

    cursor: pointer;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#c-caseListA .c-clickMore i {

    margin-left: 30px;

}



#c-caseListA .c-clickMore:hover {

    color: #fff;

    background: #00cc82;

}



#c-caseListA .c-btn-box {

    text-align: center;

    font-size: 16px;

}



#c-caseListA .c-btn-box .c-btn {

    margin-bottom: 10px;

    padding: 0 20px;

    display: inline-block;

    line-height: 60px;

    border-radius: 30px;

    color: #fff;

    background-color: #00cc82;

    transition: .5s;

}



#c-caseListA .c-btn-box .c-btn:hover {

    background: #00cc82;

    color: #fff;

}



#c-caseListA .c-btn-box .c-text {

    font-size: 12px;

    color: #999;

}


























/* 新闻列表、详情 */



#c-newsList {

    padding: .9rem 1.6rem 1.6rem;

    background-color: #fff;

}



#c-newsContent {

    padding: .9rem 1.6rem 0;

    background-color: #fff;

}



#c-newsList .c-leftBox,

#c-newsContent .c-leftBox {

    float: left;

    width:60%;

}


#c-newsList .c-leftBox,

#c-newsContent .c-leftBox img{ max-width:100%; height:auto}



#c-newsList .c-rightBox,

#c-newsContent .c-rightBox {

    /* position: sticky;

    top: 100px; */

    float: right;

    width: 30%;

}



#c-newsList .c-rightBox.c-gd,

#c-newsContent .c-rightBox.c-gd {

    position: sticky;

    top: 100px;

}



#c-newsList .c-leftBox .c-list li {

    margin-bottom: .7rem;

}





/* #c-newsList .c-leftBox .c-list li .c-titleBox {

	display: block;

} */



#c-newsList .c-leftBox .c-list .c-title,

#c-newsContent .c-leftBox .c-title {

    margin-bottom: 20px;

    font-size: .3rem;

    line-height: 1.5em;

    color: #333;

    transition: all .5s;

}



#c-newsList .c-leftBox .c-list .c-title:hover {

    color: #00cc82;

}



#c-newsList .c-leftBox .c-list .c-authorBox {

    margin-bottom: 20px;

}



#c-newsContent .c-leftBox .c-authorBox {

    margin-bottom: 40px;

}



#c-newsList .c-leftBox .c-list .c-photo,

#c-newsContent .c-leftBox .c-photo {

    float: left;

    width: 44px;

    height: 44px;

    border: 1px solid #dfdfdf;

    border-radius: 50%;

    overflow: hidden;

}



#c-newsList .c-leftBox .c-list .c-photo img,

#c-newsContent .c-leftBox .c-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-newsList .c-leftBox .c-list .c-textBox,

#c-newsContent .c-leftBox .c-textBox {

    float: right;

    padding-left: 10px;

    box-sizing: border-box;

    width: -webkit-calc(100% - 45px);

    width: calc(100% - 45px);
    font-size: 14px;

    line-height: 22px;

    color: #999;

}
#c-newsContent .c-leftBox .c-textBox



#c-newsList .c-leftBox .c-list .c-textBox .c-name,

#c-newsContent .c-leftBox .c-textBox .c-name {

    font-size: 14px;

    line-height: 22px;

    color: #333;

}



#c-newsList .c-leftBox .c-list .c-textBox .c-text,

#c-newsContent .c-leftBox .c-textBox .c-text {

    display: -webkit-flex;

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;


}



#c-newsList .c-leftBox .c-list .c-textBox .c-text .c-time,

#c-newsContent .c-leftBox .c-textBox .c-time {

    flex-shrink: 0;

}

#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-time {
    margin: 0 20px;
}

#c-newsList .c-leftBox .c-textBox .c-text .c-tag {

    text-indent: 2em;

}
#c-newsContent .c-leftBox .c-textBox .c-tag {
    width: 100%;
}

#c-newsList .c-leftBox .c-textBox .c-text .c-tag a,

#c-newsContent .c-leftBox .c-textBox .c-tag a {

    color: #999;

    transition: all .5s;

}

#c-newsContent .c-leftBox .c-textBox .c-ly {
    flex-shrink: 0;
}

#c-newsList .c-leftBox .c-textBox .c-text .c-tag a:hover,

#c-newsContent .c-leftBox .c-textBox .c-tag a:hover {

    color: #00cc82;

}



#c-newsList .c-leftBox .c-list .c-imgBox {

    display: block;

    overflow: hidden;

    height: 3.05rem;

}



#c-newsList .c-leftBox .c-list .c-imgBox img { max-width:100%; height:auto;

    /*width: 100%;

    height: 100%;*/

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsList .c-leftBox .c-list .c-imgBox:hover img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-newsList .c-leftBox .c-list .c-note {

    padding: 30px 0 20px;

    color: #666;

}



#c-newsList .c-leftBox .c-list .c-more {

    color: #00cc82;

    text-decoration: underline;

}




.c-pnBox span{ line-height:66px; margin-right:10px}




#c-newsList .c-pnBox,

#c-caseList .c-pnBox,

#c-videoList .c-pnBox,

#c-keyword2 .c-pnBox,

#c-newsList .c-pnBox>div {

    display: -webkit-flex;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

}



#c-caseList .c-pnBox,

#c-videoList .c-pnBox,

#c-keyword2 .c-pnBox {

    justify-content: center; margin-top:30px;

}



#c-newsList .c-pnBox a,

#c-caseList .c-pnBox a,

#c-videoList .c-pnBox a,

#c-keyword2 .c-pnBox a {

    margin: 5px;

    width: 56px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    color: #333;

    background: #f5f5f5;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}




#c-newsList .c-pnBox .prev,

#c-newsList .c-pnBox .next,

#c-caseList .c-pnBox .prev,

#c-caseList .c-pnBox .next,

#c-videoList .c-pnBox .prev,

#c-videoList .c-pnBox .next,

#c-keyword2 .c-pnBox .prev,

#c-keyword2 .c-pnBox .next {

    width: 136px;

}



#c-newsList .c-pnBox a:hover,

#c-newsList .c-pnBox a.active,

#c-caseList .c-pnBox a:hover,

#c-caseList .c-pnBox a.active,

#c-videoList .c-pnBox a:hover,

#c-videoList .c-pnBox a.active,

#c-keyword2 .c-pnBox a:hover,

#c-keyword2 .c-pnBox a.active {

    color: #fff;

    background: #00cc82;

}



#c-newsList .c-rightBox .c-list li {

    margin-bottom: 20px;

}



#c-newsList .c-rightBox .c-list li:last-child {

    margin-bottom: 0;

}



#c-newsList .c-rightBox .c-list li a {

    display: -webkit-flex;

    display: flex;

    align-items: center;

}



#c-newsList .c-rightBox .c-list .c-title {

    box-sizing: border-box;

    padding-left: 20px;

    width: 60.5%;

    font-size: 16px;

    line-height: 1.5em;

    color: #333;

}



#c-newsList .c-rightBox .c-list .c-imgBox {

    width: 39.5%;

    height: .76rem;

    overflow: hidden;

}



#c-newsList .c-rightBox .c-list .c-imgBox img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsList .c-rightBox .c-list li a:hover .c-imgBox img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

}



#c-newsList .c-rightBox .c-titleBox .c-title {

    padding: .7rem 0 30px;

    font-size: 18px;

    color: #333;

}



#c-newsList.c-dt .c-leftBox .c-list .c-textBox {

    display: flex;

    align-items: flex-start;

    padding: 0;

    width: 100%;

}



#c-newsList.c-dt .c-leftBox .c-textBox .c-text .c-tag {

    text-indent: 0;

}



#c-newsList.c-dt .c-leftBox .c-list .c-textBox .c-name {

    flex-shrink: 0;

    color: #999;

}



#c-newsList.c-dt .c-leftBox .c-list .c-textBox .c-text .c-time {

    margin: 0 10px;

}



#c-newsList .c-rightBox .c-tags a {

    margin: 0 10px 5px 0;

    display: inline-block;

    color: #333;

    transition: all .5s;

}



#c-newsList .c-rightBox .c-tags a:hover {

    color: #00cc82;

}



#c-newsList .c-rightBox .c-ad {

    margin-top: .7rem;

    display: block;

}



#c-newsList .c-rightBox .c-ad img {

    width: 100%;

}



#c-newsList.c-dt10 .c-leftBox {

    width: 60%;

}



#c-newsList.c-dt10 .c-leftBox .c-list li {

    display: flex;

    align-items: center;

}



#c-newsList.c-dt10 .c-leftBox .c-list li .c-lt {

    flex-shrink: 1;

    flex-grow: 1;

}



#c-newsList.c-dt10 .c-leftBox .c-list li .c-gt {

    margin-left: 20px;

    width: 33%;

    flex-shrink: 0;

}



#c-newsList.c-dt10 .c-leftBox .c-list .c-note {

    padding-top: 0;

}



#c-newsList.c-dt10 .c-leftBox .c-list .c-imgBox {

    height: 2.4rem; 
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}



#c-newsList.c-dt10 .c-leftBox .c-list .c-textBox .c-text {

    align-items: flex-start;

}



.c-zhishi .c-rightBox2 {

    float: right;

    width: 480px;

}



.c-zhishi .c-rightBox2 .c-bj-box {

    padding: 50px 40px;

    margin-bottom: 20px;

    background: #f5f5f5;

    ;

}



.c-zhishi .c-rightBox2 .c-bj-box:last-child {

    margin-bottom: 0;

}



.c-zhishi .c-rightBox2 .c-title {

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;

}



.c-zhishi .c-rightBox2 .c-list1,

.c-zhishi .c-rightBox2 .c-list2 {

    margin-bottom: -20px;

    line-height: 26px;

}



.c-zhishi .c-rightBox2 .c-list1 {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



.c-zhishi .c-rightBox2 .c-list1 li {

    width: 50%;

}



.c-zhishi .c-rightBox2 .c-list1 li:first-child {

    width: 100%;

}



.c-zhishi .c-rightBox2 .c-list1 li,

.c-zhishi .c-rightBox2 .c-list2 li {

    margin-bottom: 20px;

}



.c-zhishi .c-rightBox2 .c-list2 li {

    height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

}



.c-zhishi .c-rightBox2 a {

    color: #666;

    transition: .5s;

}



.c-zhishi .c-rightBox2 a:hover {

    color: #00cc82;

}



.c-zhishi .c-rightBox2 .c-tags,

#c-newsList .c-rightBox .c-tags a {

    margin-bottom: -20px;

}



.c-zhishi .c-rightBox2 .c-tags a,

#c-newsList .c-rightBox .c-tags a {

    display: inline-block;

    vertical-align: top;

    line-height: 38px;

    padding: 0 10px;

    margin: 0 10px 20px 0;

    border: 1px solid #666;

    border-radius: 3px;

}



.c-zhishi .c-rightBox2 .c-tags a:hover,

#c-newsList .c-rightBox .c-tags a:hover {

    border-color: #00cc82;

}



#c-newsContent .c-leftBox .c-content {

    border-top: 1px solid #dfdfdf;

    margin-bottom: 1rem;

    padding-top: 40px;

    color: #666;

    line-height: 2; text-align:justify

}


#c-newsContent .c-leftBox .c-content *{ font-size:17px; line-height:35px;}
#c-newsContent .c-leftBox .c-content strong{ font-weight:bold; color:#00cc82}
#c-newsContent .c-leftBox .c-content p{ margin:5px auto}
#c-newsContent .c-leftBox .c-content img{ max-width:100%; height:auto; margin:10px auto}

#c-newsContent .c-leftBox .c-content iframe {

    width: 100%;

    height: 5.34rem;

}



#c-newsContent .c-leftBox .c-content img {

    max-width: 100%;

    height: auto !important;

}



#c-newsContent .c-rightBox .c-listBox {

    margin-bottom: 20px;

    padding: 40px;

    box-sizing: border-box;

    background: #f5f5f5;

}



#c-newsContent .c-rightBox .c-titleBox .c-title {

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 18px;

    line-height: 1.5em;

    color: #333;

}



#c-newsContent .c-rightBox li {

    margin-bottom: 20px;

    color: #666;

}



#c-newsContent .c-rightBox li:last-child {

    margin-bottom: 0;

}



#c-newsContent .c-rightBox a {

    color: #666;

}



#c-newsContent .c-rightBox .c-ad {

    display: block;

    overflow: hidden;

}



#c-newsContent .c-rightBox .c-ad img {

    width: 100%;

}



#c-newsContent .c-pnBox {

    position: relative;

}



#c-newsContent .c-pnBox a {

    position: relative;

    display: block;

    display: none;

    height: 3.12rem;

    font-size: 18px;

    text-align: center;

    color: #999;

    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsContent .c-pnBox .c-next,

#c-newsContent .c-pnBox .c-prev {

    display: block;

}



#c-newsContent .c-pnBox a .c-tBox {

    box-sizing: border-box;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    width: 100%;

    height: 100%;

    background: #f6f6f6 url(../images/news-bg.png) no-repeat center center;

    background-size: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsContent .c-pnBox a .c-tBox .c-wrap {

    box-sizing: border-box;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    padding: 0 1.6rem;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-newsContent .c-pnBox a .c-tBox .c-title2 {

    font-size: .3rem;

    color: #333;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsContent .c-pnBox a img {

    opacity: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-newsContent .c-pnBox a:hover {

    box-shadow: none;

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

}



#c-newsContent .c-pnBox a:hover img {

    opacity: 1;

}



#c-newsContent .c-pnBox a:hover .c-tBox {

    background: rgba(0, 0, 0, .4) url(../images/news-bg.png) no-repeat center center;

    background-size: cover;

    color: #fff;

}



#c-newsContent .c-pnBox a:hover .c-title2 {

    color: #fff;

}



#c-newsContent .c-pnBox2,#c-newsList .c-pnBox2，,#c-caseNote .c-pnBox2 {

    display: flex;

    align-items: center;

    justify-content: space-between;
	border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf; margin-top:50px;
}



#c-newsContent .c-pnBox2 p,#c-newsList .c-pnBox2 p,#c-caseNote .c-pnBox2 p{

    padding: 5px 0;
	color:#808080
}



#c-newsContent .c-pnBox2 a,#c-newsList .c-pnBox2 a,#c-caseNote .c-pnBox2 a {

    line-height: 26px;

    color: #808080;

}



#c-newsContent .c-pnBox2 a:hover,#c-newsList .c-pnBox2 a:hover,#c-caseNote .c-pnBox2 a:hover {

    color: #00cc82;

}



#c-newsContent .c-pnBox2 .c-abox,#c-newsList .c-pnBox2 .c-abox,#c-caseNote .c-pnBox2 .c-abox {

    padding-right: 20px;

}



#c-newsContent .c-pnBox2 .c-return,#c-newsList .c-pnBox2 .c-return,#c-caseNote .c-pnBox2 .c-return {

    flex-shrink: 0;

    width: 140px;

    line-height: 38px;

    text-align: center;

    color: #808080;

    border: 1px solid #808080;

    transition: all .5s;

}



#c-newsContent .c-pnBox2 .c-return:hover,#c-newsContent .c-pnBox2 .c-return:hover, .c-return .c-pnBox2 .c-return:hover{

    color: #fff;

    background: #00cc82;

    border-color: #00cc82;

}



#c-newsContent.c-zhishi .c-leftBox .c-textBox {

    display: flex;
    flex-wrap: wrap;

    padding: 0;

    width: 100%;

}



#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-name {

    flex-shrink: 0;

    color: #999;

}



#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-text .c-tag {

    text-indent: 0;

}



#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-text .c-tag span:last-child {

    display: none;

}



#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-text .c-time {

    margin-left: 10px;

}





/* 新闻页表单 */



#c-newsForm {

    display: none;

    padding: 1rem 1.6rem .8rem;

    background: #f5f5f5;

}



#c-newsForm form {

    margin: 0 auto;

    width: 47%;

}



#c-newsForm form .c-title {

    font-size: .48rem;

    line-height: 1.5em;

    color: #222;

    text-align: center;

}



#c-newsForm form .c-subtitle {

    padding: 20px 0 50px;

    font-size: 18px;

    color: #999;

    text-align: center;

}



#c-newsForm form .c-box {

    border: 1px solid #ddd;

}



#c-newsForm form .c-box input {

    float: left;

    padding: 0 20px;

    height: 62px;

    width: -webkit-calc(100% - 139px);

    width: calc(100% - 139px);

    color: #999;

}



#c-newsForm form .c-box button {

    float: right;

    width: 138px;

    height: 62px;

    color: #999;

    background: #fff;

    border-left: 1px solid #ddd;

}





/* 联系我们 */



#c-contact {

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 80px;

    padding: 0 1.6rem;

    height: -webkit-calc(100vh - 80px);

    height: calc(100vh - 80px);

    background-color: #fff;

}



#c-contact .c-maxWrap {

    width: 100%;

}



#c-contact .c-leftBox {

    float: left;

    width: 47%;

}



#c-contact .c-rightBox {

    float: right;

    width: 48.5%;

}



#c-contact .c-leftBox .c-title {

    margin-bottom: 40px;

    font-size: 30px;

    line-height: 54px;

}



#c-contact .c-leftBox .c-title span {

    color: #00cc82;

}



#c-contact .c-leftBox .c-text {

    margin-bottom: 50px;

}



#c-contact .c-leftBox .c-text p {

    margin-bottom: 20px;

    font-size: 18px;

    line-height: 38px;

    color: #333;

}



#c-contact .c-leftBox .c-text p:last-child {

    margin-bottom: 0;

}



#c-contact .c-btnBox {

    float: left;

    padding-top: 28px;

}



#c-contact .c-btn {

    display: block;

    width: 152px;

    height: 54px;

    font-size: 18px;

    line-height: 52px;

    text-align: center;

    color: #333;

    border: 1px solid #ddd;

    background: #fff;

    transition: .3s;

    border-radius: 5px;

}



#c-contact .c-btn .c-img {

    display: inline-block;

    position: relative;

    width: 20px;

    height: 20px;

    margin-right: 8px;

    vertical-align: middle;

}



#c-contact .c-btn .c-img img {

    width: 100%;

}



#c-contact .c-btn .c-img img:last-child {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transition: .3s;

}



#c-contact .c-btn:hover .c-img img:last-child {

    opacity: 1;

}



#c-contact .c-btn:hover {

    border: 1px solid #00cc82;

    background: #00cc82;

    color: #fff;

}



#c-contact .c-rightBox .c-title {

    margin-bottom: 40px;

    font-size: 30px;

    line-height: 54px;

    color: #222;

}



#c-contact .c-rightBox .c-title span {

    color: #00cc82;

}



#c-contact .c-rightBox form {

    margin: 0 -10px;

    font-size: 14px;

}



#c-contact .c-rightBox form .c-btn {

    margin-left: 10px;

}



#c-contact .c-rightBox .c-lBox,

#c-contact .c-rightBox .c-rBox {

    padding: 0 10px;

}



#c-contact .c-rightBox .c-lBox>li,

#c-contact .c-rightBox .c-rBox>li {

    position: relative;
    border-bottom: 1px solid #ddd;
    width: 45%;
    margin: 0 5% 20px 0;
    float: left;

}



#c-contact .c-rightBox .c-lBox>li:before,

#c-contact .c-rightBox .c-rBox>li:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 0;

    border-bottom: 1px solid #333;

    transition: .3s;

}



#c-contact .c-rightBox li.c-active:before {

    width: 100%;

}



#c-contact .c-rightBox label {

    display: block;

    line-height: 30px;

}



#c-contact .c-rightBox form input {

    width: 100%;

    height: 36px;

    font-size: 16px;

}



#c-contact .c-rightBox .c-select {

    position: relative;

    height: 36px;

    line-height: 36px;

}



#c-contact .c-rightBox .c-select select {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 36px;

    font-size: 16px;

}



#c-contact .c-rightBox .c-select .c-arrow {

    position: absolute;

    top: 14px;

    right: 0;

    z-index: 1;

    border: 8px solid transparent;

    border-top: 8px solid #666;

}



#c-contact .c-rightBox .c-list {

    display: none;

    position: absolute;

    top: 36px;

    left: 0;

    width: 100%;

    line-height: 36px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .1);

    background: #fff;

}



#c-contact .c-rightBox .c-list li {

    padding: 0 10px;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#c-contact .c-rightBox .c-list li:hover {

    color: #00cc82;

}





/* 故事 */



#c-story .c-list {

    position: relative;

    overflow: hidden;

}



#c-story .c-list::before {

    content: "";

    position: absolute;

    top: 2rem;

    left: 1.6rem;

    z-index: 5;

    border-left: 1px solid #ddd;

    height: -webkit-calc(100% - 4rem);

    height: calc(100% - 4rem);

}



#c-story .c-list li {

    position: relative;

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: .8rem 1.6rem;

    background-color: #fff;

}





/* #c-story .c-list li:last-child::before{

	content: "";

	position: absolute;

	top: 2rem;

	left: 1.55rem;

	margin-top: 22px;

	width: 10px;

	z-index: 10;

	height: -webkit-calc(100% - 2rem);

	height: calc(100% - 2rem);

	background: #f5f5f5;

} */



#c-story .c-list li:nth-child(even) {

    background: #f5f5f5;

}



#c-story .c-list li .c-textBox {

    padding: 1rem 0 0 .8rem;

    width: 35%;

}



#c-story .c-list li .c-textBox .c-time1 {

    position: relative;

    font-size: .6rem;

    line-height: 1em;

    color: #00cc82;

}



#c-story .c-list li .c-textBox .c-time1::before {

    content: "";

    position: absolute;

    top: 50%;

    left: -.8rem;

    margin: -10px 0 0 -10px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: #ddd;

}



#c-story .c-list li .c-textBox .c-time2 {

    font-size: 24px;

    color: #999;

}



#c-story .c-list li .c-textBox .c-content {

    padding-top: 30px;

    font-size: 18px;

    line-height: 2em;

    color: #333;

}



#c-story .c-list li .c-imgBox {

    width: 49.4%;

    height: 5.1rem;

    overflow: hidden;

}



#c-story .c-list li .c-imgBox img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-story .c-list li .c-imgBox:hover img {

    transform: scale(1.05, 1.05);

    -webkit-transform: scale(1.05, 1.05);

}



#c-story .c-clickMore {

    margin: 70px auto 0;

    width: 194px;

    height: 52px;

    border: 2px solid #00cc82;

    font-size: 18px;

    line-height: 52px;

    text-align: center;

    color: #00cc82;

    cursor: pointer;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-story .c-clickMore i {

    margin-left: 30px;

}



#c-story .c-clickMore:hover {

    color: #fff;

    background: #00cc82;

}





/* 顶部信息 */



#c-topInformation {

    position: relative;

    z-index: 10;

    margin-top: -108px;

    padding: 30px 1.6rem;

    background: #fff;

    animation: moveTop2 .6s;

}



#c-topInformation .c-list {

    margin: 0 -15px;

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



#c-topInformation .c-list li {

    padding: 0 15px;

}



#c-topInformation .c-list .c-text1 {

    font-weight: bold;

    color: #333;

}



#c-topInformation .c-list .c-text2 {

    word-break: break-all;

}



#c-topInformation .c-list a {

    color: #00cc82;

}



#c-topInformation .c-list .c-website {

    color: #333;

    transition: .5s;

}



#c-topInformation .c-list .c-website:hover {

    color: #00cc82;

}





/* 案例简介 */



#c-caseNote {

    padding: .8rem 1.6rem;

    background-color: #fff;

}



#c-caseNote .c-wrap {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

    margin: 0 auto;

}



#c-caseNote .c-wrap.on {

    cursor: default;

}



#c-caseNote .c-left {

    width:70%;

    overflow: hidden;

}



#c-caseNote .c-left .c-tbox {

    padding-right: 120px;

}

#c-caseNote .c-left .c-tbox .sub_title{ margin-bottom:5%}
#c-caseNote .c-left .c-tbox .sub_title li{
	font-size: 16px;
    line-height: 2;
    color: #444;
    display: inline-block;
    padding: 0 5% 0 0;
	}
#c-caseNote .c-left .c-tbox .sub_title li strong{ color:#ff0000; font-weight:bold}
#c-caseNote .c-left .c-title {

    margin-bottom: 50px;

    font-weight: bold;

    font-size: 36px;

    line-height: 1.6;

    color: #222;

}



#c-caseNote .c-left .c-note {

    margin-bottom: 40px;

    font-size: 20px;

    line-height: 30px;

}



#c-caseNote .c-left .c-vbox {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

    align-items: center;

    padding: 80px 0;

}



#c-caseNote .c-left .c-vbox .c-lt {

    position: relative;

    width: 46%;

    height: 2.7rem;

    max-height: 270px;

    border-radius: 10px;

    overflow: hidden;

    cursor: pointer;

}



#c-caseNote .c-left .c-vbox .c-lt>img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-caseNote .c-left .c-vbox .c-mask {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    transition: .5s;

}



#c-caseNote .c-left .c-vbox:hover .c-mask {

    opacity: 1;

}



#c-caseNote .c-left .c-vbox .c-ico {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 10px;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    text-align: center;

    line-height: 64px;

    overflow: hidden;

    background: #00cc82;

    animation: movePlay2 1.5s linear infinite;

    -webkit-animation: movePlay2 1.5s linear infinite;

}



#c-caseNote .c-left .c-vbox .c-ico:hover,

#c-caseNote .c-left .c-vbox .c-ico:hover img {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

}



#c-caseNote .c-left .c-vbox .c-ico img {

    width: 100%;

    height: 100%;

    animation: movePlay 1.5s linear infinite;

    -webkit-animation: movePlay 1.5s linear infinite;

}



#c-caseNote .c-left .c-vbox .c-gt {

    width: 54%;

    padding-left: 70px;

}



#c-caseNote .c-left .c-vbox .c-gt .c-title2 {

    font-weight: bold;

    font-size: 30px;

    line-height: 40px;

}



#c-caseNote .c-left .c-vbox .c-gt .c-line {

    margin: 20px 0;

    width: 30px;

    height: 4px;

    background: #00cc82;

}



#c-caseNote .c-left .c-vbox .c-gt .c-text1 {

    font-size: 18px;

    line-height: 28px;

    color: #333;

}



#c-caseNote .c-left .c-vbox .c-gt .c-text2 {

    padding-top: 15px;

    font-size: 18px;

    line-height: 28px;

    color: #939393;

}



#c-caseNote .c-left .c-text3 {

    font-size: 20px;

    line-height: 30px;

    color: #767676;

}



#c-caseNote .c-textBox {

  text-align:justify

}
#c-caseNote .c-textBox * {

    font-size: 16px;

    line-height: 2.2;

    color: #666666;

}


#c-caseNote .c-textBox img {

    max-width: 100%;

    height: auto !important;

}



#c-caseNote .c-right {

    position: sticky;

    top: 120px;

    width: 23%;

}



#c-caseNote .c-right .c-title {

    margin-bottom: 10px;

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;

}



#c-caseNote .c-right .c-list li {

    margin-bottom: 10px;

}



#c-caseNote .c-right .c-list .c-wrap {

    display: block;

}



#c-caseNote .c-right .c-list .c-img-box {

    position: relative;

    height: 0;

    overflow: hidden;

    transition: all .5s;

}



#c-caseNote .c-right .c-list li.on .c-img-box {

    margin-bottom: 10px;

    height: 2rem;

    max-height: 250px;

}



#c-caseNote .c-right .c-list .c-img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-caseNote .c-right .c-list .c-img-box .c-more {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-size: 36px;

    color: #fff;

}



#c-caseNote .c-right .c-list .c-title2 {

    position: relative;

    display: inline;

    font-size: 16px;

    line-height: 26px;

    color: #333;

    border-bottom: 1px solid transparent;

}



#c-caseNote .c-right .c-list li.on .c-title2 {

    border-color: #333;

}





/* 服务结果 */



#c-result {

    padding: 1.5rem 1.6rem 0;

}



#c-result .c-titleBox .c-title {

    margin-bottom: 30px;

    font-size: .3rem;

    color: #333;

    text-align: center;

}



#c-result .c-list {

    margin: 0 -15px;

    padding: 1rem 0;

    display: -webkit-flex;

    display: flex;

    text-align: center;

    flex-wrap: wrap;

}



#c-result .c-list li {

    padding: 0 15px;

    width: 25%;

}



#c-result .c-list .c-tBox .c-num {

    margin-bottom: 10px;

}



#c-result .c-list .c-tBox span {

    display: inline-block;

    vertical-align: middle;

    font-size: .72rem;

    line-height: 1em;

    color: #333;

}



#c-result .c-list .c-tBox i {

    vertical-align: bottom;

    display: inline-block;

    font-size: 24px;

    font-style: normal;

}



#c-result .c-list .c-title {

    color: #999;

}



#c-result .c-textBox {

    padding: .8rem 2.3rem .44rem;

    background: #f5f5f5 url(../images/dh.png)no-repeat top .88rem left .86rem;

    background-size: .5rem auto;

}



#c-result .c-textBox .c-text {

    position: relative;

    font-size: 18px;

    line-height: 2em;

    color: #333;

}



#c-result .c-textBox .c-authorBox {

    padding-top: 10px;

    display: -webkit-flex;

    display: flex;

    align-items: center;

}



#c-result .c-textBox .c-authorBox .c-photo {

    margin-right: 20px;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    overflow: hidden;

}



#c-result .c-textBox .c-authorBox .c-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-result .c-textBox .c-authorBox .c-tBox {

    font-size: 14px;

    color: #999;

}





/* pc端效果展示 */



#c-banner1 {

    padding: 1.1rem 0 1.6rem;

    background: #f5f5f5;

}



#c-banner1 .c-banner1 {

    padding-bottom: 1rem;

}



#c-banner1 .c-banner1 .swiper-slide img {

    width: 100%;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

}



.swiper-container {

    --swiper-pagination-color: #00cc82;

}





/* 手机端展示 */



#c-banner2 {

    padding: 1.6rem;

}



#c-banner2 .c-wrap {

    padding: 1rem 1.6rem;

    background: #f5f5f5;

}



#c-banner2 .c-banner2 .c-item {

    padding: .5rem;

}



#c-banner2 .c-banner2 .c-item img {

    width: 100%;

}





/* 鼠标跟随 --> */



#c-followDot {

    position: fixed;

    top: 0;

    left: 0;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background-color: #00cc82;

    z-index: 999;

    pointer-events: none;

}



#c-followDot .c-default {

    position: absolute;

    top: -18px;

    left: -18px;

    width: 40px;

    height: 40px;

    border: 1px solid #9c9c9c;

    border-radius: 50%;

    opacity: .2;

    box-sizing: border-box;

    z-index: 99;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-followDot .c-hover {

    position: absolute;

    top: -38px;

    left: -38px;

    width: 80px;

    height: 80px;

    background-color: #bbb;

    border-radius: 50%;

    opacity: .12;

    z-index: 98;

    box-sizing: border-box;

    transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



#c-followDot.c-active .c-default {

    transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

}



#c-followDot.c-active .c-hover {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

}





/* 下一个案例 */



#c-nextCase {

    padding: 0 1.6rem 1.6rem 1.6rem;

    background-color: #fff;

}



#c-nextCase .c-link {

    position: relative;

    display: block;

    cursor: pointer;

    height: 6.66rem;

}



#c-nextCase .c-link.c-active .c-textBox {

    opacity: 0;

}



#c-nextCase .c-link .c-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-nextCase .c-link .c-textBox {

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    color: #fff;

    text-align: center;

    transition: .3s;

    padding: 0 15px;

}



#c-nextCase .c-link .c-textBox .c-title {

    font-size: .6rem;

}



#c-nextCase .c-link .c-textBox .c-text {

    font-size: 18px;

}





/* 案例放大图 */



#c-maskImg {

    position: fixed;

    top: 100%;

    left: 0;

    z-index: 920;

}



#c-maskImg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





/* 弹窗 */



#c-fixedBox {

    opacity: 0;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -10;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

}



#c-fixedBox.c-fidexShow {

    opacity: 1;

    z-index: 999;

}



#c-fixedBox .c-mainBox {

    position: fixed;

    top: 50%;

    left: 50%;

    width: 1100px;

    display: flex;

    align-content: flex-start;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #f5f5f5;

    border-radius: 10px;

    overflow: hidden;

}

#c-fixedBox .c-left {

    width: 50%;

    position: relative;

    padding: .4rem .6rem .4rem .5rem;

    color: #fff;

    background: url(../images/20211015/c-fixedBox-bj.jpg) no-repeat center / cover;

}

#c-fixedBox .c-mainBox .c-left .c-titleBox .c-title {

    border-color: rgba(255,255,255,.3);

}

#c-fixedBox .c-right {

    width: 50%;

    position: relative;

    padding: .4rem .6rem .4rem .5rem;

    background: #f3f3f3;

}



#c-fixedBox .c-mainBox .c-titleBox .c-title {

    margin-bottom: .25rem;

    border-bottom: 1px solid rgba(0,0,0,.2);

    padding-bottom: .3rem;

    font-weight: bold;

    font-size: .3rem;

    line-height: 1;

}



#c-fixedBox .c-mainBox .c-close {

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 5;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #cacaca url(../images/close.png) no-repeat center center;

    background-size: 50% auto;

    cursor: pointer;

    transition: all .5s;

}

#c-fixedBox .c-mainBox .c-close:hover {

    background-color: #00cc82;

}



#c-fixedBox .swiper-container {

    margin-bottom: .2rem;

}



#c-fixedBox .swiper-container .swiper-slide {

    height: auto;

}



#c-fixedBox .swiper-scrollbar-drag {

    background: #00cc82;

}

#c-fixedBox .c-form-wrap {

    position: relative;

}

#c-fixedBox .c-form2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    min-height: 100%;

    z-index: -10;

    background: #f5f5f5;

}





#c-fixedBox .c-topBox .c-text {

    padding: .2rem 0 .15rem;

    font-size: 18px;

    line-height: 28px;

    color: #000;

}



#c-fixedBox .c-topBox .c-text:first-child {

    padding-top: 0;

}



#c-fixedBox .c-topBox .c-text span {

    color: #00cc82;

}



#c-fixedBox .c-topBox input {

    height: 46px;

    width: 100%;

    padding: 0 20px;

    border-radius: 5px;

    background: #fff;

    font-size: 16px;

    color: #000;

}



#c-fixedBox .c-topBox select {

    height: 46px;

    width: 100%;

    padding: 0 55px 0 20px;

    border-radius: 5px;

    background: #fff;

    color: #000;

    background: #fff url(../images/arrow4.png)no-repeat right 20px center;

    background-size: 15px auto;

}



#c-fixedBox .c-topBox textarea {

    height: 70px;

    width: 100%;

    padding: 14px 20px;

    border-radius: 5px;

    background: #fff;

    color: #000;

    line-height: 26px;

    border: 0;

}





#c-fixedBox .c-bottomBox img {

    width: 100%;

}

#c-fixedBox .c-bottomBox .c-list li {

    position: relative;

    padding-bottom: .4rem;

}



#c-fixedBox .c-bottomBox .c-list li::before {

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 15px;

    z-index: 1;

    border-left: 1px solid rgba(255,255,255,.5);

}



#c-fixedBox .c-bottomBox .c-list li:last-child:before {

    border: 0;

}



#c-fixedBox .c-bottomBox .c-list li:last-child {

    padding: 0;

}



#c-fixedBox .c-bottomBox .c-list .c-num {

    position: relative;

    z-index: 2;

    float: left;

    width: 30px;

    height: 30px;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

    background: #00cc82;

    border-radius: 50%;

}



#c-fixedBox .c-bottomBox .c-list li:nth-child(even) .c-num {

    background: #f5f5f5;

    color: #00cc82;

}



#c-fixedBox .c-bottomBox .c-list .c-textBox {

    float: right;

    width: -webkit-calc(100% - 45px);

    width: calc(100% - 45px);

}



#c-fixedBox .c-bottomBox .c-list .c-textBox .c-text1 {

    font-weight: bold;

    font-size: 18px;

    line-height: 30px;

}



#c-fixedBox .c-bottomBox .c-list .c-textBox .c-text2 {

    font-size: 16px;

    line-height: 26px;

}



#c-fixedBox .c-btn,

#c-fixedBox .c-btnBox {

    margin-top: 0;

    position: relative;

    display: block;

    height: 54px;

    line-height: 54px;

    color: #fff;

    border-radius: 5px;

    overflow: hidden;

    background: #333333;

}



#c-fixedBox .c-btnBox {

    font-weight: bold;

    background-color: transparent;

}



#c-fixedBox .c-btnBox .c-btn1 {

    float: left;

    width: 100%;

    text-align: left;

    padding: 0 .3rem;

    color: #fff;

    background: #333333;

}



#c-fixedBox .c-btnBox .c-btn2 {

    position: absolute;

    top: 0;

    left: 0;

    float: right;

    width: 36%;

    text-align: center;

    background: #00cc82;

    color: #fff;

    border-radius: 5px;

}



#c-fixedBox .c-btn .c-arrow {

    position: absolute;

    z-index: 1;

    top: 0;

    height: 100%;

    right: 64%;

    width: 36%;

    background: #00cc82;

    border-radius: 5px;

    text-align: center;

    transition: .5s;

}



#c-fixedBox .c-btn .c-arrow img {

    height: 12px;

    vertical-align: middle;

    transition: .5s;

}



#c-fixedBox .c-btn .c-text {

    position: relative;

    z-index: 2;

    text-align: right;

    padding: 0 .55rem;

    width: 100%;

    font-weight: bold;

}



#c-fixedBox .c-btn:hover .c-arrow {

    right: 0;

    width: 100%;

}



#c-fixedBox .c-btn:hover .c-arrow img {

    opacity: 0;

}





/* 顶部搜索 */



#c-top-form {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-top: 80px;

    padding: 30px 1.6rem;

    line-height: 50px;

    background: #f5f5f5;

}



#c-top-form input {

    padding: 0 15px;

    width: 6rem;

    font-size: 16px;

    background: #fff;

}



#c-top-form button {

    width: 1.8rem;

    background: #00cc82;

    color: #fff;

    font-size: 16px;

}



#c-top-form .c-title {

    font-size: .3rem;

    width: 100%;

    line-height: 2;

}



#c-top-form .c-text {

    line-height: 1.5;

}





/* 右侧 */



.pub-hi {

    display: none;

    position: fixed;

    right: 50px;

    bottom: 201px;

    z-index: 99999;

    width: 67px;

    height: 70px;

    background: url(../images/hi.gif) center no-repeat;

    background-size: 104%;

    cursor: pointer;

}



.pub-hi a {

    display: block;

    width: 100%;

    height: 100%;

}



.fz_click_btn {

    display: none;

    position: fixed;

    right: 50px;

    bottom: 130px;

    z-index: 99999;

    width: 64px;

    height: 64px;

    background: url(../images/hqfz_icon.png) center no-repeat;

    background-size: 100%;

}



.fz_click_btn a {

    display: block;

    width: 100%;

    height: 100%;

}



.scroll-top-bottom {

    position: fixed;

    right: 50px;

    bottom: 56px;

    display: none;

    z-index: 99999;

    border-radius: 50%;

    width: 62px;

    height: 62px;

    background: #666 url(../images/scroll-top.png) center no-repeat;

    cursor: pointer;

    background-size: 100%;

}



.scroll-top-bottom:hover {

    background: #e60012 url(../images/scroll-top.png) center no-repeat;

    background-size: 100%;

}





/* 联系 */



#c-contact2 {

    padding: 1.8rem 1rem;

    text-align: center;

    background-color: #fff;

    display: none;

}



#c-contact2 .c-title {

    font-weight: bold;

    font-size: .5rem;

    line-height: .7rem;

}



#c-contact2 .c-btn {

    display: block;

    margin: .4rem auto .3rem;

    width: 240px;

    border-radius: 30px;

    font-size: 18px;

    line-height: 60px;

    color: #fff;

    background: #00cc82;

}



#c-contact2 .c-text {

    font-size: 18px;

    line-height: 28px;

    color: #666;

}





/* 公共标题 */



.c-common-title {

    text-align: center;

}



.c-common-title .c-text {

    font-size: 18px;

    line-height: 28px;

    color: #666;

}



.c-common-title .c-title {

    margin: .2rem 0 .75rem;

    font-weight: bold;

    font-size: .4rem;

    line-height: .6rem;

}





/* 企业 */



#c-enterprise {

    padding: 2.3rem 1rem 2.1rem;

}



#c-enterprise .c-list {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    margin: 0 -15px;

}



#c-enterprise .c-list li {

    margin-bottom: 30px;

    padding: 0 15px;

    width: 20%;

}



#c-enterprise .c-list .c-wrap {

    height: .92rem;

    overflow: hidden;

}



#c-enterprise .c-list .c-wrap img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





/* 优势 */



#c-advantage {

    padding: 0 1rem;

    position: relative;

    z-index: 2;

}



#c-advantage .c-list {

    padding: 50px 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: flex-start;

    margin-top: -70px;

    background: #fff;

    box-shadow: 0 17px 57px rgba(0, 0, 0, .1);

}



#c-advantage .c-list li {

    display: flex;

    align-items: flex-start;

    width: 18%;

}



#c-advantage .c-list .c-img-box {

    margin-right: 10px;

    width: 50px;

}



#c-advantage .c-list .c-img-box img {

    width: 100%;

}



#c-advantage .c-list .c-text-box {

    width: -webkit-calc(100% - 60px);

    width: calc(100% - 60px);

}



#c-advantage .c-list .c-text-box .c-title {

    font-weight: bold;

    font-size: 24px;

    line-height: 50px;

    color: #3c3c3c;

}



#c-advantage .c-list .c-text-box .c-text {

    line-height: 1.5;

    color: #666;

}





/* 团队 */



#c-team2 {

    padding: 1.4rem 1.6rem 0;

    background: #f8f9fa;

}



#c-team2 .c-list-box {

    position: relative;

    overflow: hidden;

}



#c-team2 .c-list {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

    -webkit-transform: translateY(60px);

    transform: translateY(60px);

    transition: .5s;

}



#c-team2 .c-list.active {

    position: relative;

    opacity: 1;

    z-index: 2;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



#c-team2 .c-list li {

    flex: 0 0 25%;

    max-width: 25%;

}



#c-team2 .c-list li .c-wrap {

    height: 380px;

    overflow: hidden;

}



#c-team2 .c-list li .c-wrap img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}





/* 顶部定位 */



#c-top-site {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 30px 1.6rem 0;

    color: #666;

    line-height: 1.6;

    background-color: #fff;

}



#c-top-site a {

    color: #666;

    transition: .5s;

}



#c-top-site a:hover {

    color: #00cc82 !important;

}



#c-top-site.c-dt {

    margin-top: 80px;

}



#c-top-site .c-user a {

    margin-right: 10px;

    color: #333;

}



#c-top-site .c-user .c-name {

    padding-left: 30px;

    background: url(../images/yh-ico.png)no-repeat left center / auto 100%;

}



#c-top-site .c-user .c-name:hover {

    background-image: url(../images/yh-ico2.png);

}





/* 服务 */



#c-service {

    padding: 1.4rem 1.6rem;

    background: #f5f5f5;

}



#c-service .c-list {

    margin: 0 -15px;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

}



#c-service .c-list li {

    margin-bottom: 30px;

    padding: 0 15px;

    width: 25%;

}



#c-service .c-list .c-wrap {

    display: block;

    padding: 40px;

    background: #fff;

    transition: .5s;

}



#c-service .c-list .c-wrap .c-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



#c-service .c-list .c-wrap .c-top .c-title {

    font-weight: bold;

    font-size: 24px;

    line-height: 34px;

    color: #333;

}



#c-service .c-list .c-wrap .c-top img {

    height: 48px;

}



#c-service .c-list .c-wrap .c-text {

    font-size: 18px;

    line-height: 28px;

    padding: 25px 0 15px;

    color: #5f5f5f;

}



#c-service .c-list .c-wrap .c-more {

    font-size: 18px;

    line-height: 1;

    color: #333;

    text-decoration: underline;

    transition: .5s;

}



#c-service .c-list .c-wrap:hover {

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

}



#c-service .c-list .c-wrap:hover .c-more {

    color: #00cc82;

}



.c-sPadding {

    padding-top: 80px;

}





/* 口碑 */



#c-reputation {

    padding: .4rem 1.6rem 0;

    background-color: #fff;

}



#c-reputation .c-list {

    margin-bottom: -.6rem;

}



#c-reputation .c-list li {

    padding: .6rem 0;

    border-bottom: 1px solid #ddd;

}



#c-reputation .c-list li:last-child {

    border-bottom: 0;

}



#c-reputation .c-list .c-wrap {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    cursor: pointer;

}



#c-reputation .c-list .c-text-box {

    padding: 0 .8rem 0 .6rem;

    width: 60%;

    background: url(..//images/dh.png)no-repeat left top .1rem/ .28rem auto;

}



#c-reputation .c-list .c-text-box .c-title {

    margin-bottom: 40px;

    font-size: .36rem;

    line-height: 1.5;

}



#c-reputation .c-list .c-text-box .c-text {

    font-size: 14px;

    line-height: 24px;

}



#c-reputation .c-list .c-vbox {

    position: relative;

    width: 40%;

    height: 3.46rem;

    overflow: hidden;

}



#c-reputation .c-list .c-vbox video {

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 1;

    width: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#c-reputation .c-list .c-vbox>img {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-reputation .c-list .c-vbox .c-mask {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    transition: .5s;

}



#c-reputation .c-list .c-vbox:hover .c-mask {

    opacity: 1;

}



#c-reputation .c-list .c-vbox .c-mask span {

    display: block;

    font-size: .3rem;

    line-height: 1.5;

    color: #fff;

}



#c-reputation .c-list .c-ico {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 10px;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    text-align: center;

    line-height: 64px;

    overflow: hidden;

    background: #00cc82;

    animation: movePlay2 1.5s linear infinite;

    -webkit-animation: movePlay2 1.5s linear infinite;

}



#c-reputation .c-list .c-ico:hover,

#c-reputation .c-list .c-ico:hover img {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

}



#c-reputation .c-list .c-ico img {

    width: 100%;

    height: 100%;

    animation: movePlay 1.5s linear infinite;

    -webkit-animation: movePlay 1.5s linear infinite;

}





/* 首页案例 */



#c-case2 {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1.6rem;

    background-color: #fff;

}



#c-case2 .c-left {

    position: sticky;

    top: 100px;

    width: 50%;

    padding-right: 100px;

}



#c-case2 .c-right {

    width: 50%;

}



#c-case2 .c-text {

    font-size: 18px;

    line-height: 28px;

    color: #666;

}



#c-case2 .c-title {

    margin: 10px 0 70px;

    font-weight: bold;

    font-size: .4rem;

    line-height: .6rem;

}



#c-case2 .c-list-wrap {

    margin-bottom: 80px;

    position: relative;

    overflow: hidden;

}



#c-case2 .c-list-wrap .c-line {

    position: absolute;

    top: 0;

    left: 0;

    width: 3px;

    background: #00cc82;

    height: 0;

}



#c-case2 .c-list1 {

    border-left: 3px solid #ddd;

}



#c-case2 .c-list1 li {

    margin-bottom: 40px;

}



#c-case2 .c-list1 li:last-child {

    margin-bottom: 0;

}



#c-case2 .c-list1 a {

    display: block;

    padding: 0 30px;

}



#c-case2 .c-list1 .c-title2 {

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;

    color: #333;

}



#c-case2 .c-list1 .on .c-title2 {

    color: #00cc82;

}



#c-case2 .c-list1 .c-text2 {

    font-size: 18px;

    line-height: 28px;

    color: #6e6e6e;

}



#c-case2 .c-list2 li {

    margin-bottom: 1.6rem;

}



#c-case2 .c-list2 li:last-child {

    margin-bottom: 0;

}



#c-case2 .c-list2 a {

    position: relative;

    display: block;

}



#c-case2 .c-list2 .c-img-box {

    overflow: hidden;

    height: 8.34rem;

}



#c-case2 .c-list2 a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-case2 .c-list2 a .c-more {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 48px;

    color: #fff;

    transition: .5s;

}



#c-case2 .c-list2 a:hover .c-more {

    opacity: 1;

}



#c-case2 .c-list2 .c-text-box {

    display: none;

}



#c-case2 .c-right .c-btn-move {

    display: none;

}



.c-banner3 {

    height: 200px;

}



.c-banner3 .c-wrap {

    font-size: 16px;

    line-height: 26px;

    color: #333;

}



.c-banner3 .c-wrap .c-title3 {

    width: 100%;

    height: 52px;

    font-size: 16px;

    line-height: 26px;

    overflow: hidden;

}



.c-banner3 .c-wrap .c-title3 span {

    border-bottom: 1px solid transparent;

}



.c-banner3 .c-wrap:hover .c-title3 span {

    border-color: #333;

}



.c-banner3.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: linear;

    /*之前是ease-out*/

    -moz-transition-timing-function: linear;

    -ms-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    margin: 0 auto;

}



#c-caseNote .c-right .c-list {

    margin-bottom: 30px;

}



.foot_form {

    display: none;

    height: 7.5rem;

    padding: 1.4rem 1.6rem 1.6rem;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;

    bottom: 0;

    width: 100%;

}



.x_form {

    display: none !important;

}



.foot_form1 {

    height: 7.5rem;

    display: none;

    pointer-events: auto;

}



.foot_form .con {

    display: flex;

    justify-content: space-between;

}



.foot_form .con .con_l {

    width: 39%;

}



.foot_form .con .con_r {

    width: 46%;

}



.foot_form .con .con_l .c-t1 {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 26px;

}



.foot_form .con .con_l .c-t2 {

    margin-bottom: .2rem;

    font-size: 16px;

    line-height: 26px;

}



.foot_form .con .con_l .title {

    margin-bottom: 30px;

}



.foot_form .con .title {

    font-weight: bold;

    font-size: .4rem;

    margin-bottom: .2rem;

}



.foot_form .con .miaoshu {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 26px;

}



.foot_form .con .c-title2 {

    margin-bottom: 25px;

    display: inline-block;

    padding-right: 26px;

    border-bottom: 1px solid #fff;

    font-size: .3rem;

    line-height: 2;

}



.foot_form_img {

    position: fixed;

    z-index: -1;

    bottom: 0;

    width: 100%;

    display: none !important;

}



.foot_form_img img {

    object-fit: cover;

    -webkit-transition: ease .1s;

    -moz-transition: ease .1s;

    -o-transition: ease .1s;

    transition: ease .1s;

    width: 100%;

    max-width: 100%;

}



.foot_form .con .con_r textarea,

.foot_form .con .con_r input {

    color: #fff !important;

    width: 100%;

    border: none;

    outline: none;

    resize: none;

    position: relative;

    z-index: 2;

}



.foot_form .con .con_r form {

    margin: -15px;

    display: flex;

    flex-wrap: wrap;

}



.foot_form .con .con_r .text {

    margin: 0 15px;

    width: 100%;

    /* height: 100px; */

    padding: 15px 0 5px;

    border-bottom: 1px solid #fff;

}



.foot_form .con .con_r .inp {

    width: calc(50% - 30px);

    padding: 15px 0 5px;

    margin: 0 15px;

    border-bottom: 1px solid #fff;

}



.foot_form .con .con_r input::-webkit-input-placeholder {

    color: #fff !important;

}





/* 火狐 Mozilla Firefox 4 to 18 */



.foot_form .con .con_r input:-moz-placeholder {

    color: #fff !important;

}





/* 火狐 Mozilla Firefox 19+ */



.foot_form .con .con_r input::-moz-placeholder {

    color: #fff !important;

}





/* Internet Explorer 10+ */



.foot_form .con .con_r input:-ms-input-placeholder {

    color: #fff !important;

}



.foot_form .con .con_r textarea::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #fff !important;

}



.foot_form .con .con_r textarea:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #fff !important;

}



.foot_form .con .con_r textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #fff !important;

}



.foot_form .con .con_r textarea::-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #fff !important;

}



.form_sub {

    width: 150px;

    height: 44px;

    border-radius: 5px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #00cc82;

    margin-top: 0.6rem;

    margin-left: 15px;

}



.foot_form .con .con_r .inp1 {

    position: relative;

    z-index: 1;

    display: block;

    -webkit-transform: translateY(120%);

    transform: translateY(120%);

    pointer-events: auto;

    -webkit-transition: ease .4s;

    -moz-transition: ease .4s;

    -o-transition: ease .4s;

    transition: ease .4s;

}

.foot_form .con .con_r .inp1 span {

    color: #00cc82;

}

.foot_form .con .con_r .inp2 {

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

}







.x-fr .x-fuwu {

    padding-left: 30px;

    font-size: 14px;

    color: #fff;

    background: url(../images/map2.gif) no-repeat left center / 20px;

    position: relative;

    z-index: 999;

    cursor: pointer;

    padding-right: 19px;

}

.x-fr .x-fuwu a{color: #fff;}

.x-fr .x-fuwu::before {

    content: "";

    width: 12px;

    height: 6px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    background: url("../images/xia2.png") no-repeat;

}



#c-header.c-style .x-fuwu::before {

    background: url("../images/xia1.png") no-repeat;

}



#c-header.c-style .x-fuwu {

    background: url(../images/map1.gif) no-repeat left center / 20px;

    color: #333;

    cursor: pointer;

}

#c-header.c-style .x-fuwu a{color: #333;}

#c-header .x-fr .c-top-phone {

    width: 32px;

    height: 32px;

    margin: 0 .35rem 0 1.1rem;

    padding: 0;

    text-align: left;

    position: relative;

    color: #333;

    z-index: 1000;

}



.x-fr .c-top-phone span {

    font-size: 16px;

    opacity: 0;

    height: 32px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 17px;

    line-height: 34px;

    width: 0;

    background-color: #fff;

    transition: 0.4s all;

    border-top-left-radius: 17px;

    border-bottom-left-radius: 17px;

    overflow: hidden;

    padding: 0 20px 0 10px;

}



.x-fr .c-top-phone:hover span {

    opacity: 1;

    right: 18px;

    width: 160px;

}



#c-header .x-fr .c-top-phone {

    background: none;

}



#c-header .x-fr .c-top-phone img {

    width: 32px;

    height: 32px;

    position: relative;

    z-index: 5;

}



#c-header.c-style .c-top-phone {

    background: none;

}



#c-header .x-fr .c-top-phone img:nth-of-type(1) {

    display: block;

}



#c-header .x-fr .c-top-phone img:nth-of-type(2) {

    display: none;

}



#c-header.c-style .x-fr .c-top-phone img:nth-of-type(1) {

    display: none;

}



#c-header.c-style .x-fr .c-top-phone img:nth-of-type(2) {

    display: block;

}



#c-header.c-style .x-fr .c-top-phone span {
    background-color: #00cc82;
    color: #fff;
    height: 32px;

}



#c-header.c-style .x-fr .c-top-phone span::before {

    border-bottom: 16px solid red;

}



#c-header .x-fr .c-commonbtn::before {

    display: none;

}



#c-header .x-fr .c-commonbtn {

    background-color: #00cc82;

    padding: 0 12px;

    border-radius: 3px;

    line-height: 32px;

}



#c-header.c-style .x-fr .c-commonbtn {

    color: #fff;

}



.x-fixedBox {

    display: block;

    opacity: 1;

    position: fixed;

    top: -100%;

    left: 0;

    width: 100%;

    height: auto;

    /* background: rgba(0, 0, 0, .3); */

    z-index: 999;

}



.x-fixedBox .x-mainBox {

    display: block;

    position: relative;

    top: -100%;

    left: 0;

    width: 100%;

    background-color: #fff;

    color: #333;

    padding-top: 1rem;

    padding-bottom: 1.3rem;

    height: auto;

    border-bottom: 1px solid #ddd;

}



.x-fixedBox .x-mainBox .con .con_r {

    position: relative;

}



.x-fixedBox .x-mainBox .con .con_r .img {

    position: absolute;

    top: -65px;

    right: 0;

}



.x-fixedBox .x-mainBox .con .con_r .img img {

    width: 25px;

    height: 25px;

    transition: all .6s;

    cursor: pointer;

}



.x-fixedBox .x-mainBox .con .con_r .img img:hover {

    transform: rotate(180deg);

}



.x-fixedBox .x-mainBox .con .c-title2 {

    color: #00cc82;

    border-bottom: 1px solid #00cc82;

    font-weight: bold;

}



.x-fixedBox .x-mainBox .con .con_r .inp {

    border-bottom: 1px solid #ddd;

}



.x-fixedBox .x-mainBox .con .con_r .text {

    border-bottom: 1px solid #ddd;

}



.x-fixedBox .x-mainBox .con .title {

    position: relative;

}



.x-fixedBox .x-mainBox .con .title .x-phone {

    display: inline-block;

    font-size: 24px;

    color: #333;

    padding-left: 65px;

    background: url(../images/top-phone.png) no-repeat 26px center / 30px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.x-fixedBox .x-mainBox .con .con_r input {

    color: #333 !important;

}





/* 底部预约 */



.foot_par {

    margin: -80px 0;

}



.foot_par_box {

    position: relative;

    padding: 0 1.6rem;

    height: 100%;
    margin-top: 80px;

}



.foot_par_con {

    width: 100%;

    padding: 20px 90px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: url(../images/b_bj.png)no-repeat center/cover;

}

.foot_par_con .c-item:nth-child(1),.foot_par_con .c-item:nth-child(3){

    flex-shrink: 0;

}

.foot_par_con .c-item:nth-child(2){

    padding-left: .7rem;

    width: 100%;

}

.foot_par_con .c-item:nth-child(3) {

    display: flex;

    align-items: center;

    background: #fff;

    border-radius: 5px;

    padding: 10px;

}

.foot_par_con .c-item:nth-child(3) .c-text2 {

    margin-left: 10px;

    width: 16px;

}

.foot_par_con .c-book {

    margin: -.7rem 0 -.5rem;

    width: 1.8rem;

}

.foot_par_con .c-code {

    width: 100px;

}

.foot_par_con .c-title {

    margin-bottom: .2rem;

    font-weight: bold;

    font-size: .36rem;

    color: #fff;

    line-height: 1;

}

.foot_par_con .c-text {

    font-size: 16px;

    color: #fff;

    line-height: 1;

}

.foot_par_nr {

    width: 33.33%;

    display: flex;

    align-items: center;

}



.foot_par_nrimg>img {

    width: 1.35rem;

    margin-right: 0.32rem;

}



.foot_par_nr:nth-child(2) .foot_par_nrimg>img {

    width: 1.52rem;

}



.foot_par_nrtext {

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: calc(100% - 1.47rem);

}



.foot_par_nrtext h4 {

    font-size: 0.22rem;

    font-weight: bold;

    margin-bottom: 0.1rem;

    color: #333;

}



.foot_par_nrtext p {

    font-size: 0.16rem;

    color: #666;

}



.foot_par_inp {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.foot_par_inp input {

    width: 100%;

    height: 0.4rem;

    border: 1px solid #dddddd;

    padding-left: 12px;

    border-radius: 5px;

}



.foot_par_inp button {

    width: 1.2rem;

    line-height: 0.4rem;

    font-size: 14px;

    color: #fff;

    text-align: center;

    background: #00cc82;

    border-radius: 5px;

    margin-left: 0.1rem;

}



.foot_par_appointment {

    position: absolute;

    bottom: -0.8rem;

    left: 0;

    z-index: 10;

    padding: 0 1.6rem;

    width: 100%;

}



.appointment_box {

    width: 100%;

    height: 1.6rem;

    background: url(../images/b_bj.jpg) center no-repeat;

    background-size: 100% 100%;

    border-radius: 20px;

    box-shadow: 0.2rem 0.2rem 0.5rem rgba(255, 0, 0, 0.2);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 1.55rem;

}



.appointment_box p {

    font-size: 0.3rem;

    font-weight: bold;

    color: #fff;

}



.appointment_box a {

    font-size: 14px;

    color: #d0121c;

    line-height: 0.56rem;

    width: 1.72rem;

    text-align: center;

    background: #fff;

    border-radius: 28px;

}



@media (max-width: 768px) {

    .foot_par_inp input {

        width: calc(100% - 48px);

    }

    .foot_par_inp button {

        width: 44px;

        font-size: 14px;

    }

    .appointment_box {

        height: 100%;

        padding: .8rem;

        flex-direction: column;

    }

    .foot_par {

        height: auto;

    }

}



@media (max-width: 640px) {





    /* .foot_par_box {

        padding: 0 0.768rem;

    } */

    .foot_par_nr {

        width: 100%;

    }

    .foot_par_nrimg {

        height: 210px;

        display: flex;

        align-items: center;

        justify-content: center;

        width: 160px;

    }

    .foot_par_nrimg>img {

        width: 100px;

        margin: 0;

    }

    .foot_par_nr:nth-child(2) .foot_par_nrimg>img {

        width: 120px;

    }

    .foot_par_nrtext h4 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .foot_par_nrtext p {

        font-size: 14px;

    }

    .foot_par_inp {

        flex-direction: column;

    }

    .foot_par_inp input {

        width: 100%;

        height: 30px;

        margin-bottom: 10px;

    }

    .foot_par_inp button {

        width: 100%;

        line-height: 30px;

    }

    .foot_par_nrtext {

        width: calc(100% - 160px);

    }

    .appointment_box a {

        line-height: 2;

    }

}



#c-makedBox {

    opacity: 0;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -10;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

}



#c-makedBox.c-fidexShow {

    opacity: 1;

    z-index: 999;

}



#c-makedBox .c-mainBox {

    position: fixed;

    top: 50%;

    left: 50%;

    width: 35%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #f5f5f5;

    border-radius: 10px;

    overflow: hidden;

}



#c-makedBox .c-mainBox .c-titleBox {

    padding: 0 40px;

    background: #222;

}



#c-makedBox .c-mainBox .c-titleBox .c-title {
	font-weight: bold;
    font-size: 32px;
    color: #fff;
    line-height: 80px;

}



#c-makedBox .c-mainBox .c-close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 5;

    width: 100px;

    height: 80px;

    background: url(../images/close.png) no-repeat center center;

    background-size: 30px auto;

    cursor: pointer;

}



#c-makedBox .swiper-container {

    height: 580px;

}



#c-makedBox .swiper-container .swiper-slide {

    height: auto;

}



#c-makedBox .swiper-scrollbar-drag {

    background: #00cc82;

}



#c-makedBox .c-form2 {

    position: absolute;

    top: 100px;

    left: 0;

    z-index: -10;

}



#c-makedBox .c-form1,

#c-makedBox .c-form2 {

    padding: 30px 40px;

    background: #f5f5f5;

}



#c-makedBox .c-topBox .c-text {

    padding: 20px 0 15px;

    font-size: 18px;

    line-height: 28px;

    color: #000;

}



#c-makedBox .c-topBox .c-text:first-child {

    padding-top: 0;

}



#c-makedBox .c-topBox .c-text span {

    color: #00cc82;

}



#c-makedBox .c-topBox input {

    height: 54px;

    width: 100%;

    padding: 0 20px;

    border-radius: 5px;

    background: #fff;

    color: #000;

}



#c-makedBox .c-topBox select {

    height: 54px;

    width: 100%;

    padding: 0 55px 0 20px;

    border-radius: 5px;

    background: #fff;

    color: #000;

    background: #fff url(../images/arrow4.png)no-repeat right 20px center;

    background-size: 15px auto;

}



#c-makedBox .c-topBox textarea {

    height: 82px;

    width: 100%;

    padding: 14px 20px;

    border-radius: 5px;

    background: #fff;

    color: #000;

    line-height: 26px;

    border: 0;

}



#c-makedBox .c-bottomBox {

    padding-top: 50px;

}



#c-makedBox .c-bottomBox img {

    width: 100%;

}



#c-makedBox .c-bottomBox .c-title {

    margin-bottom: 30px;

    border-bottom: 1px solid #333;

    padding-bottom: 20px;

    font-weight: bold;

    font-size: 24px;

    line-height: 1em;

}



#c-makedBox .c-bottomBox .c-list li {

    position: relative;

    padding-bottom: 25px;

}



#c-makedBox .c-bottomBox .c-list li::before {

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 15px;

    z-index: 1;

    border-left: 1px solid #ddd;

}



#c-makedBox .c-bottomBox .c-list li:last-child:before {

    border: 0;

}



#c-makedBox .c-bottomBox .c-list li:last-child {

    padding: 0;

}



#c-makedBox .c-bottomBox .c-list .c-num {

    position: relative;

    z-index: 2;

    float: left;

    width: 30px;

    height: 30px;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    border: 1px solid #00cc82;

    background: #00cc82;

    border-radius: 50%;

}



#c-makedBox .c-bottomBox .c-list li:nth-child(even) .c-num {

    background: #f5f5f5;

    color: #00cc82;

}



#c-makedBox .c-bottomBox .c-list .c-textBox {

    float: right;

    width: -webkit-calc(100% - 45px);

    width: calc(100% - 45px);

}



#c-makedBox .c-bottomBox .c-list .c-textBox .c-text1 {

    font-weight: bold;

    font-size: 18px;

    line-height: 30px;

    color: #000;

}



#c-makedBox .c-bottomBox .c-list .c-textBox .c-text2 {

    font-size: 16px;

    line-height: 26px;

    color: #666;

}



#c-makedBox .c-btn,

#c-makedBox .c-btnBox {

    margin-top: 40px;

    position: relative;

    display: flex;

    margin-right: 45px;

    height: 54px;

    line-height: 54px;

    color: #fff;

    border-radius: 27px;

    overflow: hidden;

    background: #00cc82;

}



#c-makedBox .c-btnBox {

    background: #fff;

    font-weight: bold;

}



#c-makedBox .c-btnBox .c-btn1 {

    float: left;

    width: 30%;

    text-align: center;

    color: #333;

}



#c-makedBox .c-btnBox .c-btn2 {

    float: right;

    width: 70%;

    text-align: right;

    background: #00cc82;

    padding-right: 80px;

    color: #fff;

    border-radius: 27px;

}



#c-makedBox .c-btn .c-arrow {

    position: absolute;

    z-index: 1;

    top: 0;

    right: 70%;

    width: 30%;

    background: #00cc82;

    border-radius: 27px;

    text-align: center;

    transition: .5s;

}



#c-makedBox .c-btn .c-arrow img {

    height: 12px;

    vertical-align: middle;

    transition: .5s;

}



#c-makedBox .c-btn .c-text {

    position: relative;

    z-index: 2;

    text-align: center;

    padding: 0 80px;

    width: 100%;

    font-weight: bold;

}



#c-makedBox .c-btn:hover .c-arrow {

    right: 0;

    width: 100%;

}



#c-makedBox .c-btn:hover .c-arrow img {

    opacity: 0;

}



@media screen and (max-width: 1599px) {

    #c-makedBox .c-mainBox .c-titleBox {

        padding: 0 30px;

    }

    #c-makedBox .c-mainBox .c-titleBox .c-title {

        font-size: 20px;

        line-height: 60px;

    }

    #c-makedBox .c-mainBox .c-close {

        width: 80px;

        height: 60px;

        background-size: 20px auto;

    }

    #c-makedBox .c-form1,

    #c-makedBox .c-form2 {

        padding: 30px;

    }

    #c-makedBox .swiper-container {

        padding-right: 30px;

    }

    #c-makedBox .c-topBox .c-text {

        padding: 15px 0 10px;

        font-size: 14px;

        line-height: 24px;

    }

    #c-makedBox .c-topBox input,

    #c-makedBox .c-topBox select {

        height: 40px;

        border-radius: 20px;

        font-size: 14px;

    }

    #c-makedBox .c-topBox textarea {

        padding: 12px 20px;

        border-radius: 20px;

        line-height: 24px;

        border: 0;

        font-size: 14px;

    }

    #c-makedBox .c-bottomBox {

        padding-top: 30px;

    }

    #c-makedBox .c-bottomBox .c-title {

        font-size: 20px;

    }

    #c-makedBox .c-bottomBox .c-list .c-textBox .c-text1 {

        font-size: 16px;

    }

    #c-makedBox .c-bottomBox .c-list .c-textBox .c-text2 {

        font-size: 14px;

        line-height: 24px;

    }

    #c-makedBox .c-btn,

    #c-makedBox .c-btnBox {

        margin-top: 30px;

        margin-right: 30px;

    }

    #c-makedBox .c-btn,

    #c-makedBox .c-btnBox {

        height: 50px;

        line-height: 50px;

    }

    #c-makedBox .swiper-container {

        height: 385px;

    }

    #c-makedBox .c-form2 {

        top: 60px;

    }

    #c-makedBox .c-bottomBox img {

        margin-top: 15px;

    }

}



@media screen and (max-width: 1279px) {

    #c-makedBox .c-mainBox {

        width: 400px;

    }

}



@media screen and (max-width: 1023px) {

    #c-makedBox .c-btn .c-arrow {

        right: 0;

        width: 100%;

    }

    #c-makedBox .c-btn .c-arrow img {

        opacity: 0;

    }

    #c-makedBox .c-btn .c-text {

        text-align: center;

    }

    #c-makedBox .c-btnBox .c-btn1,

    #c-makedBox .c-btnBox .c-btn2 {

        width: 50%;

        padding: 0;

        text-align: center;

    }

}



@media screen and (max-width: 767px) {

    #c-makedBox .c-form1,

    #c-makedBox .c-form2 {

        padding: 20px;

    }

    #c-makedBox .c-mainBox .c-titleBox {

        padding: 0 20px;

    }

    #c-makedBox .c-mainBox .c-close {

        width: 60px;

    }

    #c-makedBox .c-mainBox {

        width: 300px;

    }

    #c-makedBox .swiper-container {

        padding-right: 20px;

    }

    #c-makedBox .c-btn,

    #c-makedBox .c-btnBox {

        margin-top: 20px;

        margin-right: 20px;

    }

    #c-makedBox .c-btn,

    #c-makedBox .c-btnBox {

        height: 40px;

        line-height: 40px;

    }

}



.papertc.c-fidexShow {

    opacity: 1;

    z-index: 999;

}



.papertc {

    opacity: 0;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -10;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

}



.papercon {

    position: fixed;

    top: 50%;

    left: 50%;

    width: auto;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #fff;

    padding: 45px 36px 60px 28px;

}



.papertc .c-close {

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 5;

    width: 30px;

    height: 30px;

    background: url(../images/close1.png) no-repeat center center;

    background-size: 30px auto;

    cursor: pointer;

    opacity: 0.3;

}



.paper_r {

    width: 280px;

}



.paperBox {

    display: flex;

    justify-content: space-between;

}



.paperBox>img {

    padding-right: 38px;

    width: 346px;

    height: 264px;

}



.paper_rbox {

    display: flex;

    align-items: center;

    margin: 60px auto 28px;

}



.paper_rbox img {

    margin-right: 20px;

    width: 108px;

}



.paper_rboxp {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.paper_rboxp p {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 5px;

}



.paper_rboxp p span {

    color: #d11f1a;

}



.paper_r>p {

    font-size: 16px;

}



.paper_r>p span {

    color: #d11f1a;

}



@media screen and (max-width: 767px) {

    .papercon {

        padding: 20px;

        width: 90%;

    }

    .paperBox {

        flex-direction: column;

    }

    .paperBox>img {

        padding: 0;

        width: 238px;

        height: 204px;

        margin: auto;

    }

    .paper_rbox {

        margin: 20px auto;

        justify-content: center;

    }

    .paper_r {

        width: 100%;

    }

    .paper_r>p {

        text-align: center;

    }

    .appointment_box p {

        font-size: .7rem;

        margin-bottom: .2rem;

    }

    .foot_par_appointment {

        bottom: -2rem;

    }

}





/* 注册 */



#c-register {

    display: flex;

    align-items: center;

    padding: 180px 1.6rem 100px;

    background: #fff url(../images/zc-bj.jpg)no-repeat center / cover;

}



#c-register form {

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

    padding: 80px 125px;

    background: #fff;

}



#c-register form .c-title {

    font-weight: bold;

    font-size: .36rem;

    text-align: center;

}



#c-register form .c-text {

    margin: 10px 0 40px;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

    color: #00cc82;

}



#c-register form .c-text a {

    color: #00cc82;

}



#c-register form .c-text a:hover {

    text-decoration: underline;

}



#c-register form .c-sj input {

    width: -webkit-calc(100% - 130px);

    width: calc(100% - 130px);

}



#c-register form .c-yzm input {

    width: -webkit-calc(100% - 150px);

    width: calc(100% - 150px);

}



#c-register form .c-box {

    display: flex;

    align-items: flex-start;

    position: relative;

    margin-bottom: 20px;

    width: 100%;

    height: 54px;

    background: #f8f8f8;

    border-radius: 27px;

}



#c-register form input {

    padding: 0 30px;

    width: 100%;

    height: 100%;

    color: #333;

}



#c-register form select {

    border-right: 1px solid #ddd;

    padding: 0 40px 0 30px;

    width: 130px;

    height: 100%;

    color: #333;

    background: url(../images/jt.png) no-repeat right 20px center / 16px auto;

}



#c-register form .c-obtain {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 150px;

    height: 100%;

    border-radius: 27px;

    color: #fff;

    background: #00cc82;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#c-register form button {

    width: 100%;

    height: 54px;

    border-radius: 27px;

    color: #fff;

    background: #00cc82;

}



#c-register form .c-text2 {

    display: flex;

    align-items: flex-start;

    padding: 20px 0 30px;

    font-size: 14px;

    line-height: 20px;

    color: #999;

}



#c-register form .c-text2 a {

    color: #999;

    transition: .3s;

}



#c-register form .c-text2 a:hover {

    color: #00cc82;

}



#c-register form .c-text2 .c-checked {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    border: 1px solid #ddd;

    border-radius: 3px;

    cursor: pointer;

}



#c-register form .c-text2 .c-checked::before {

    display: block;

    content: "";

    position: relative;

    width: 16px;

    height: 16px;

}



#c-register form .c-text2 .c-checked.on {

    border-color: #00cc82;

}



#c-register form .c-text2 .c-checked.on::before {

    background: #00cc82;

}



#c-register form .c-text2 p {

    padding-left: 10px;

}



#c-register .c-zc {

    margin-top: 25px;

    text-align: center;

}



#c-register .c-zc a {

    color: #333;

    transition: .3s;

}



#c-register .c-zc a:hover {

    color: #00cc82;

}





/* 登录 */



#c-register.c-dl .c-title {

    margin-bottom: 60px;

}



#c-register.c-dl li:last-child {

    padding-top: 20px;

}





/* 白皮书 */



#c-bps {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    padding: 180px 0 100px;

    background: -webkit-linear-gradient(left, #fff 50%, #f8f9fb 50%);

    background: linear-gradient(to right, #fff 50%, #f8f9fb 50%);

}



#c-bps .c-bps {

    padding: 0 .8rem;

    width: 50%;

    text-align: center;

}



#c-bps .c-bps .c-title {

    font-weight: bold;

    font-size: .36rem;

}



#c-bps .c-bps .c-title span {

    color: #00cc82;

}



#c-bps .c-bps .c-text {

    margin: 10px 0 20px;

    font-size: 18px;

    line-height: 28px;

    color: #666;

}



#c-bps .c-bps .c-img-box img {

    max-width: 100%;

}



#c-bps .c-form-box {

    padding: 0 .8rem;

    width: 50%;

}



#c-bps form {

    max-width: 550px;

    margin: 0 auto;

}



#c-bps form .c-title {

    font-weight: bold;

    font-size: .36rem;

    text-align: center;

}



#c-bps form .c-text {

    margin: 10px 0 40px;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

}



#c-bps form .c-text a:hover {

    text-decoration: underline;

}



#c-bps form .c-sj input {

    width: -webkit-calc(100% - 130px);

    width: calc(100% - 130px);

}



#c-bps form .c-yzm input {

    width: -webkit-calc(100% - 150px);

    width: calc(100% - 150px);

}



#c-bps form .c-box {

    display: flex;

    align-items: flex-start;

    position: relative;

    margin-bottom: 20px;

    width: 100%;

    height: 54px;

    background: #fff;

    border-radius: 27px;

}



#c-bps form input {

    padding: 0 30px;

    width: 100%;

    height: 100%;

    color: #333;

}



#c-bps form select {

    border-right: 1px solid #ddd;

    padding: 0 40px 0 30px;

    width: 130px;

    height: 100%;

    color: #333;

    background: url(../images/jt.png) no-repeat right 20px center / 16px auto;

}



#c-bps form .c-obtain {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 150px;

    height: 100%;

    border-radius: 27px;

    color: #fff;

    background: #00cc82;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#c-bps form button {

    width: 100%;

    height: 54px;

    border-radius: 27px;

    color: #fff;

    background: #00cc82;

}



#c-bps form .c-text2 {

    display: flex;

    align-items: flex-start;

    padding: 20px 0 30px;

    font-size: 14px;

    line-height: 20px;

    color: #999;

}



#c-bps form .c-text2 a {

    color: #999;

    transition: .3s;

}



#c-bps form .c-text2 a:hover {

    color: #00cc82;

}



#c-bps form .c-text2 .c-checked {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    border: 1px solid #ddd;

    border-radius: 3px;

    cursor: pointer;

}



#c-bps form .c-text2 .c-checked::before {

    display: block;

    content: "";

    position: relative;

    width: 16px;

    height: 16px;

}



#c-bps form .c-text2 .c-checked.on {

    border-color: #00cc82;

}



#c-bps form .c-text2 .c-checked.on::before {

    background: #00cc82;

}



#c-bps form .c-text2 p {

    padding-left: 10px;

}



#c-bps .c-zc {

    margin-top: 25px;

    text-align: center;

}



#c-bps .c-zc a {

    color: #333;

    transition: .3s;

}



#c-bps .c-zc a:hover {

    color: #00cc82;

}





/* 图书馆 */



#c-newsList .c-rightBox form {

    padding: .5rem;

    background: #fff;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .05);

}



#c-newsList .c-rightBox form .c-yzm input {

    width: -webkit-calc(100% - 150px);

    width: calc(100% - 150px);

}



#c-newsList .c-rightBox form .c-box {

    display: flex;

    align-items: flex-start;

    position: relative;

    margin-top: 20px;

    width: 100%;

    height: 54px;

    background: #f8f8f8;

    border-radius: 27px;

}



#c-newsList .c-rightBox form input {

    padding: 0 30px;

    width: 100%;

    height: 100%;

    color: #333;

}



#c-newsList .c-rightBox form .c-obtain {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 150px;

    height: 100%;

    border-radius: 27px;

    color: #fff;

    background: #999;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#c-newsList .c-rightBox form button {

    width: 100%;

    height: 54px;

    border-radius: 27px;

    color: #fff;

    background: #00cc82;

}





/* 图书馆详情*/



#c-newsList .c-tsg-info .c-tbox .c-title {

    font-size: .3rem;

    line-height: 1.5;

}



#c-newsList .c-tsg-info .c-tbox .c-text {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 30px 0;

    border-bottom: 1px solid #dfdfdf;

}



#c-newsList .c-tsg-info .c-tbox .c-text .c-btn-box {

    display: flex;

    align-items: flex-start;

}



#c-newsList .c-tsg-info .c-tbox .c-text .c-btn-box a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 40px;

    border: 1px solid #00cc82;

    border-radius: 3px;

    color: #00cc82;

}



#c-newsList .c-tsg-info .c-tbox .c-text .c-btn-box a:first-child {

    margin-right: 10px;

    color: #fff;

    background: #00cc82;

}



#c-newsList .c-tsg-info .c-tbox .c-text .c-btn-box a img {

    height: 18px;

    margin-right: 10px;

}



#c-newsList .c-tsg-info .c-bbox {

    margin-bottom: 1rem;

    padding-top: 60px;

    color: #666;

    line-height: 1.8;

}



#c-newsList .c-tsg-info .c-bbox img {

    max-width: 100%;

    height: auto !important;

}



#c-newsList .c-rightBox .c-lx {

    padding: .5rem;

    background: #fff;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .05);

}



#c-newsList .c-rightBox .c-lx .c-text1 {

    line-height: 1.8;

}



#c-newsList .c-rightBox .c-lx .c-text1 span {

    color: #00cc82;

}



#c-newsList .c-rightBox .c-lx .c-box {

    display: flex;

    align-items: center;

    padding-top: 20px;

}



#c-newsList .c-rightBox .c-lx .c-box .c-img {

    width: 100px;

    height: 100px;

    border: 1px solid #e3e3e3;

}



#c-newsList .c-rightBox .c-lx .c-box .c-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-newsList .c-rightBox .c-lx .c-box .c-text2 {

    padding-left: 20px;

    line-height: 1.8;

}



#c-newsList .c-rightBox .c-lx .c-box .c-text2 p:first-child {

    color: #00cc82;

}





/* 视频列表 */



#c-videoList {

    padding: .9rem 1.6rem 1.4rem;

    background-color: #fff;

}



#c-videoList .c-list {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin: 0 -10px;

}



#c-videoList .c-list li {

    padding: 0 10px 1.1rem;

    width: 33.333%;

}



#c-videoList .c-list li .c-wrap {

    display: block;

    position: relative;

    color: #333;

    border-bottom: 1px solid #333;

}



#c-videoList .c-list li .c-wrap::before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 0;

    height: 1px;

    background: #00cc82;

    transition: all .5s;

}



#c-videoList .c-list li .c-wrap:hover::before {

    width: 100%;

}



#c-videoList .c-list li .c-wrap .c-rm {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    left: -10px;

    z-index: 10;

    width: 98px;

    height: 30px;

    background: #00cc82;

    color: #fff;

    display: none;

}



#c-videoList .c-list li.on .c-wrap .c-rm {

    display: flex;

}



#c-videoList .c-list li .c-wrap .c-rm::before {

    position: absolute;

    top: 100%;

    left: 0;

    content: "";

    border-top: 10px solid #961100;

    border-left: 10px solid transparent;

}



#c-videoList .c-list li .c-wrap .c-rm img {

    margin-right: 10px;

    height: 18px;

}



#c-videoList .c-list li .c-wrap .c-img-box {

    height: 3.6rem;

    overflow: hidden;

}



#c-videoList .c-list li .c-wrap .c-img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s;

}



#c-videoList .c-list li .c-wrap:hover .c-img-box img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

}



#c-videoList .c-list li .c-wrap .c-text-box {

    padding: 20px 0 30px;

}



#c-videoList .c-list li .c-wrap .c-text-box .c-text {

    margin-bottom: 10px;

    color: #999;

}



#c-videoList .c-list li .c-wrap .c-text-box .c-title {

    font-size: .24rem;

}





/* 视频详情1 */



#c-videoInfo1 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 1rem 1.6rem;

    background: #fff;

    background: #f8f8f8;

}



#c-videoInfo1 .c-img-box {

    width: 50%;

    height: 5.64rem;

    overflow: hidden;

}



#c-videoInfo1 .c-img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#c-videoInfo1 .c-text-box {

    width: 50%;

    padding-left: .9rem;

}



#c-videoInfo1 .c-text-box .c-title {

    font-size: .36rem;

}



#c-videoInfo1 .c-text-box .c-text1 {

    margin-bottom: 25px;

    padding: 20px 0 30px;

    border-bottom: 1px solid #ddd;

}



#c-videoInfo1 .c-text-box .c-text2 {

    color: #666;

    line-height: 1.8;

}



#c-videoInfo1 .c-text-box .c-btn-box {

    display: flex;

    align-items: center;

    padding: .5rem 0 1rem;

}



#c-videoInfo1 .c-text-box .c-btn-box a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 180px;

    height: 60px;

    border-radius: 30px;

    border: 1px solid #00cc82;

    color: #00cc82;

}



#c-videoInfo1 .c-text-box .c-btn-box a:first-child {

    margin-right: 20px;

    background: #00cc82;

    color: #fff;

}



#c-videoInfo1 .c-text-box .c-btn-box a img {

    margin-right: 10px;

    height: 18px;

}



#c-videoInfo1 .c-text-box .c-bbox {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}



#c-videoInfo1 .c-text-box .c-bbox .c-time {

    color: #666;

    line-height: 2;

}



#c-videoInfo1 .c-text-box .c-bbox .c-gt {

    display: flex;

    align-items: center;

}



#c-videoInfo1 .c-text-box .c-bbox .c-gt .c-item {

    display: flex;

    align-items: center;

}



#c-videoInfo1 .c-text-box .c-bbox .c-gt .c-item:first-child {

    margin-right: 20px;

    padding: 0 20px 0 0;

    border-right: 1px solid #ddd;

}



#c-videoInfo1 .c-text-box .c-bbox .c-gt .c-item img {

    margin-right: 10px;

    height: 18px;

}





/* 视频详情2 */



#c-videoInfo2 {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 1rem 1.6rem;

    background: #fff;

}



#c-videoInfo2 .c-lt {

    width: 67.5%;

}



#c-videoInfo2 .c-lt .c-title {

    font-size: .3rem;

    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid #ddd;

}



#c-videoInfo2 .c-lt .c-text-box {

    color: #666;

    line-height: 1.8;

}



#c-videoInfo2 .c-lt .c-text-box img {

    max-width: 100%;

    height: auto !important;

}



#c-videoInfo2 .c-gt {

    width: 23.75%;

}



#c-videoInfo2 .c-gt .c-title {

    font-size: .3rem;

    padding-bottom: 25px;

}



#c-videoInfo2 .c-gt .c-list li {

    margin-bottom: 35px;

}



#c-videoInfo2 .c-gt .c-list li:last-child {

    margin-bottom: 0;

}



#c-videoInfo2 .c-gt .c-list li .c-wrap {

    display: block;

    color: #333;

}



#c-videoInfo2 .c-gt .c-list li .c-wrap .c-img-box {

    height: 2.6rem;

    overflow: hidden;

}



#c-videoInfo2 .c-gt .c-list li .c-wrap .c-img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s;

}



#c-videoInfo2 .c-gt .c-list li .c-wrap:hover .c-img-box img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

}



#c-videoInfo2 .c-gt .c-list li .c-wrap .c-text-box .c-text {

    margin: 20px 0 10px;

    color: #666;

}



#c-videoInfo2 .c-gt .c-list li .c-wrap .c-text-box .c-title2 {

    font-size: 18px;

    line-height: 1.6;

}





/* 视频弹窗 */



#hi-video-pop {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#hi-video-pop * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#hi-video-pop .hi-close {

    position: fixed;

    top: 86%;

    left: 50%;

    z-index: 10;

    margin-left: -25px;

    width: 50px;

    height: 50px;

    color: #fff;

    background: #fff;

    border-radius: 50%;

    transition: .5s;

    cursor: pointer;

}



#hi-video-pop .hi-close:after,

#hi-video-pop .hi-close:before {

    content: "";

    position: absolute;

    bottom: 24px;

    left: 10px;

    width: 30px;

    height: 2px;

    background: #333;

    transition: .5s;

}



#hi-video-pop .hi-close:hover {

    background: #00cc82;

}



#hi-video-pop .hi-close:hover:after,

#hi-video-pop .hi-close:hover:before {

    background: #fff;

}



#hi-video-pop .hi-close:after {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



#hi-video-pop .hi-close:before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#hi-video-pop .hi-wrap{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

#hi-video-pop video {

    max-width: 90%;

    max-height: 70%;

}





/* 关键词 */



#c-keyword {

    padding: .9rem 1.6rem 1.4rem;

    background-color: #fff;

}



#c-keyword .c-list>li {

    display: flex;

    align-items: center;

    padding: 10px 0;

    border-bottom: 1px solid #ddd;

    line-height: 40px;

}



#c-keyword .c-list>li:first-child {

    border-top: 1px solid #ddd;

}



#c-keyword .c-list .c-title {

    flex-shrink: 0;

    font-size: 30px;

    width: 50px;

}



#c-keyword .c-list .c-list2 {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    flex-shrink: 1;

    flex-grow: 1;

}



#c-keyword .c-list .c-list2 li {

    padding-right: 20px;

    width: 10%;

    height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

}



#c-keyword .c-list .c-list2 li a {

    color: #666;

    transition: all .5s;

}



#c-keyword .c-list .c-list2 li a:hover {

    color: #00cc82;

}



#c-keyword2 {

    padding: .9rem 1.6rem 1.4rem;

    background-color: #fff;

}



#c-keyword2 .c-list1 {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    border-bottom: 1px solid #ddd;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



#c-keyword2 .c-list1 li {

    width: 3.7%;

}



#c-keyword2 .c-list1 li a {

    color: #333;

    transition: all .5s;

}



#c-keyword2 .c-list1 li a:hover,

#c-keyword2 .c-list1 li.on a {

    color: #00cc82;

}



#c-keyword2 .c-list2 {

    margin-bottom: .7rem;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-keyword2 .c-list2 li {

    width: 10%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

}



#c-keyword2 .c-list2 li a {

    color: #666;

    transition: all .5s;

}



#c-statement {

    margin-top: 80px;

    padding: .9rem 1.6rem;

}



#c-statement .c-maxWrap {

    margin: 0 auto;

    max-width: 1200px;

}



#c-statement .c-title {

    font-weight: bold;

    font-size: .36rem;

    text-align: center;

    margin-bottom: .4rem;

}



#c-statement .c-text-box {

    color: #666;

    line-height: 1.8;

}



#c-statement .c-list>li {

    padding: 20px 0;

}



#c-statement .c-list>li>a {

    font-size: 20px;

    color: #333;

    transition: all .5s;

}



#c-statement .c-list ul {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



#c-statement .c-list ul>li {

    margin: 10px 20px 0 0;

}



#c-statement .c-list ul>li a {

    color: #666;

    transition: all .5s;

}



#c-statement .c-list a:hover {

    color: #00cc82 !important;

}



#c-footer-nav {

    position: fixed;

    bottom: .5rem;

    left: 0;

    width: 100%;

    z-index: 890;

    display: flex;

    align-items: flex-start;

    justify-content: space-around;

    display: none;

}



#c-footer-lq {

    position: fixed;

    bottom: 10px;

    left: 50%;

    z-index: 900;

    width: 9rem;

    margin-left: -4.5rem;

    background-color: #00cc82;

    border-radius: 5px;

    padding: 10px 40px;

    color: #fff;

    display: none;

}

#c-footer-lq div {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#c-footer-lq  a {

    display: block;

    width: 100px;

    line-height: 36px;

    border-radius: 3px;

    background-color: #fff;

    text-align: center;

    color: #00cc82;

}

@media (max-width:991) {

    #c-footer-lq {

        width: 12rem;

        margin-left: -6px;

    }

}

@media (max-width:767px) {

    #c-footer-lq {

        display: none !important;

    }

}





/* 右侧浮窗 */

.c-right-pop {

    display: none;

    position: fixed;

    top: 50%;

    right: 5px;

    width: 50px;

    z-index: 900;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 14px;

}

  .c-right-pop .c-box1 {

    padding: 6px 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

    border-radius: 25px;

    background-color: #fff;

    text-align: center;

  }

  .c-right-pop .c-box1 a {

    position: relative;

    display: block;

    padding: 12px 0;

    color: #666;

  }

  .c-right-pop .c-box1 a:hover svg path {

    fill: #00cc82;

  }

  .c-right-pop .c-box1 a:hover .c-wrap {

    display: flex;

  }

  .c-right-pop .c-box1 a::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 22px;

    height: 2px;

    margin-left: -11px;

    background-color: #f3f3f3;

  }

  .c-right-pop .c-box1 a:last-child::before {

    display: none;

  }

  .c-right-pop .c-box1 a svg {

      margin: 0 auto;

    display: block;

    height: 22px;

  }

  .c-right-pop .c-box1 a svg path {

    fill: #666;

  }

  .c-right-pop .c-box1 a .c-wrap {

    position: absolute;

    top: 0;

    right: 50px;

    height: 100%;

    display: flex;

    align-items: center;

    display: none;

  }

  .c-right-pop .c-box1 a .c-wrap::before {

    content: "";

    position: absolute;

    top: 50%;

    right: 10px;

    z-index: 10;

    margin-top: -6px;

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-left: 10px solid #fff;

    border-bottom: 6px solid transparent;

  }

  .c-right-pop .c-box1 a .c-wrap div {

    padding: 15px;

    position: relative;

    z-index: 1;

    margin-right: 20px;

    box-shadow: 0 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

    border-radius: 5px;

    color: #333;

    background-color: #fff;

    text-align: left;

  }

  .c-right-pop .c-box1 a .c-wrap div .c-text1 {

      margin-top: 10px;

      line-height: 1;

  }

  .c-right-pop .c-box1 a .c-wrap div .c-text2 {

    white-space: nowrap;

  }

  .c-right-pop .c-box1 a .c-wrap div .c-text3 {

    color: #00cc82;

    white-space: nowrap;

  }

  .c-right-pop .c-box2 {

    background-color: #00cc82;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

    border-radius: 25px;

    text-align: center;

    margin-bottom: 15px;

  }

  .c-right-pop .c-box2 a {

    display: block;

    padding: 18px 0;

  }

  .c-right-pop .c-box2 svg {

    height: 22px;

  }

  .c-right-pop .c-box2 svg path {

    fill: #fff;

  }

  .c-right-pop .c-box2 .c-text {

    color: #fff;

    width: 14px;

    margin: 5px auto 0;

    line-height: 1.1;

  }

 
 
 
 
 
 
 
 /*list page*/
.page{
	text-align:center
	}
.page a{
	margin: 5px;
    padding: 10px 15px;
    line-height: 66px;
    color: #999;
    background: #f5f5f5;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
	}
.page span{
    line-height: 66px;
    color: #999;
    margin-right: 10px;
	}
.page a.num.select{
	color: #fff;
    background: #00cc82;
	}
.page a.num{
	margin: 5px;
    padding: 10px 15px;
    line-height: 66px;
    color: #999;
    background: #f5f5f5;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
	}
.page a.num:hover{
	color: #fff;
    background: #00cc82;
	}